@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.7t9tbfaemk.bundle.scp.css';

/* _content/BUL.Herbier.Web/Components/Drowdown/CustomAutoComplete.razor.rz.scp.css */
/* Conteneur principal */
.customdropdown[b-w1rnwab1jw] {
    position: relative;
    width: 100%;
    display: inline-block;
    cursor: pointer;
    height: 28px; /* Même hauteur qu’un input Bootstrap */
}


/* Effet de focus : Change la couleur de la bordure et l'ombre */
/*.customdropdown:focus-within {
    border-color: var(--ul-color-red);
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
    outline: none;
}*/
.dropdown-item.empty[b-w1rnwab1jw] {
    height: 20px; /* Ajustez la hauteur */
    background-color: #f0f0f0; /* Couleur pour le différencier */
}

/* Liste déroulante */
.dropdown-list[b-w1rnwab1jw] {
    position: absolute;
    width: 100%;
    min-height: 25px; /* Hauteur max avant scroll */
    max-height: 200px; /* Hauteur max avant scroll */
    overflow-y: auto; /* Scroll vertical si trop d'éléments */
    overflow-x: hidden; /* Désactive le scroll horizontal */
    /*border: 2px solid #ccc;*/
    background: #f8f8f8; /* Panneau gris */
    list-style: none;
    padding: 0;
    margin: 0;
    /*border-radius: 8px;*/
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    display: none;
}

.customdropdown:hover[b-w1rnwab1jw] {
    border-color: var(--ul-color-red);
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
    outline: none;
}


/* Affichage de la liste lorsqu'ouverte */
.customdropdown:focus-within .dropdown-list[b-w1rnwab1jw] {
    display: block;
    position: absolute;
    z-index: 1000;
    background: #f8f8f8; /* Panneau gris comme un SELECT natif */
    /*  border: 1px solid #ccc;
    border-radius: 6px;
    padding: 4px 0;*/
}

/* Style des éléments de la liste */
.dropdown-item[b-w1rnwab1jw] {
    cursor: pointer;
    margin: 0; /* Supprime la marge */
    list-style: none; /* Supprime les puces */
    transition: background 0.3s ease;
    background-color: transparent;
    pointer-events: auto;
}

    .dropdown-item:hover[b-w1rnwab1jw] {
        background-color: highlight; /* Couleur système pour les sélections natives */
        color: highlighttext; /* Texte blanc ou noir selon le système */
    }

/* Élément sélectionné */
/*.dropdown-item.selected {
    background-color: highlight;*/ /* Couleur système pour les sélections natives */
/*color: highlighttext;*/ /* Texte blanc ou noir selon le système */
/*}*/

/* Flèche personnalisée */
.customdropdown[b-w1rnwab1jw]::after {
    content: '\25BC';
    font-size: 18px;
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    color: var(--ul-color-black);
    pointer-events: none;
    transition: all 0.3s ease;
}

/* Effet au survol de la flèche*/
.customdropdown:hover[b-w1rnwab1jw]::after {
    color: var(--ul-color-black);
}
/* _content/BUL.Herbier.Web/Components/Drowdown/CustomDropdown.razor.rz.scp.css */
/* Conteneur principal */
.customdropdown[b-lo4tdenafi] {
    position: relative;
    width: 100%;
    display: inline-block;
    cursor: pointer;
    height: 28px; /* Même hauteur qu’un input Bootstrap */
}


/* Effet de focus : Change la couleur de la bordure et l'ombre */
/*.customdropdown:focus-within {
    border-color: var(--ul-color-red);
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
    outline: none;
}*/
.dropdown-item.empty[b-lo4tdenafi] {
    height: 20px; /* Ajustez la hauteur */
    background-color: #f0f0f0; /* Couleur pour le différencier */
}

/* Liste déroulante */
.dropdown-list[b-lo4tdenafi] {
    position: absolute;
    width: 100%;
    max-height: 200px; /* Hauteur max avant scroll */
    overflow-y: auto; /* Scroll vertical si trop d'éléments */
    overflow-x: hidden; /* Désactive le scroll horizontal */
    /*border: 2px solid #ccc;*/
    background: #f8f8f8; /* Panneau gris */
    list-style: none;
    padding: 0;
    margin: 0;
    /*border-radius: 8px;*/
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    display: none;
}

.customdropdown:hover[b-lo4tdenafi] {
    border-color: var(--ul-color-red);
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
    outline: none;
}


/* Affichage de la liste lorsqu'ouverte */
.customdropdown:focus-within .dropdown-list[b-lo4tdenafi] {
    display: block;
    position: absolute;
    z-index: 1000;
    background: #f8f8f8; /* Panneau gris comme un SELECT natif */
  /*  border: 1px solid #ccc;
    border-radius: 6px;
    padding: 4px 0;*/
}

/* Style des éléments de la liste */
.dropdown-item[b-lo4tdenafi] {
    cursor: pointer;
    margin: 0; /* Supprime la marge */
    list-style: none; /* Supprime les puces */
    transition: background 0.3s ease;
    background-color: transparent;
}

.dropdown-item:hover[b-lo4tdenafi] {

    background-color: highlight; /* Couleur système pour les sélections natives */
    color: highlighttext; /* Texte blanc ou noir selon le système */
}

/* Élément sélectionné */
/*.dropdown-item.selected {
    background-color: highlight;*/ /* Couleur système pour les sélections natives */
    /*color: highlighttext;*/ /* Texte blanc ou noir selon le système */
/*}*/

/* Flèche personnalisée */
.customdropdown[b-lo4tdenafi]::after {
    content: '\25BC';  
    font-size: 18px;
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    color: var(--ul-color-black);
    pointer-events: none;
    transition: all 0.3s ease;
}

/* Effet au survol de la flèche*/  
.customdropdown:hover[b-lo4tdenafi]::after {
    color: var(--ul-color-black);
}
/* _content/BUL.Herbier.Web/Components/Multiselect/CustomMultiselect.razor.rz.scp.css */
/* Dropdown Container */
.simple-dropdown[b-17bqumjwm0] {
    font-size: 16px;
    position: relative;
    display: inline-block;
    width: 100%;
    font-weight: 400;
    line-height: 24px;
}

.simple-bs-compat[b-17bqumjwm0] {
    --bs-btn-border-radius: 6px;
    --bs-btn-bg: #fff;
    --bs-border-color: #495057;
    --bs-btn-disabled-border-color: var(--bs-border-color);
    --bs-btn-disabled-bg: var(--bs-border-color);
    --bs-dropdown-zindex: 1000;
    --bs-dropdown-min-width: 10rem;
    --bs-dropdown-color: #000;
    --bs-dropdown-bg: #fff;
    --bs-dropdown-border-color: var(--bs-border-color);
    --bs-dropdown-border-radius: var(--bs-btn-border-radius);
    --bs-dropdown-link-color: #000;
    --bs-dropdown-link-hover-bg: #e9ecef;
    --bs-dropdown-link-active-bg: #0d6efd;
    --bs-dropdown-link-active-color: #fff;
}

/* Dropdown Button */
.simple-dropdown-button[b-17bqumjwm0] {
    background-color: var(--bs-btn-bg);
    font-size: inherit;
    border: 1px solid var(--bs-border-color);
    padding: 0.375rem 0.75rem;
    cursor: pointer;
    width: 100%;
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: var(--bs-btn-border-radius);
    line-height: 1.5;
    appearance: none;
    -webkit-appearance: none; /* Safari */
    -moz-appearance: none; /* Firefox */
}

.simple-dropdown-button:hover[b-17bqumjwm0] {
    border-color: var(--bs-border-color);
}

.simple-dropdown-button:focus[b-17bqumjwm0] {
    outline: 0;
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

.simple-dropdown-button:disabled[b-17bqumjwm0] {
    background-color: var(--bs-btn-disabled-bg);
    cursor: default;
}

.simple-dropdown-text[b-17bqumjwm0] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
}

.simple-dropdown-text[b-17bqumjwm0]::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
    position: absolute;
    right: 0.75rem;
    top: 50%;
    margin-top: -2px;
    display:none;
}

/* Dropdown Menu */
.dropdown-menu[b-17bqumjwm0] {
    position: absolute;
    padding-top: 0;
    border-radius: var(--bs-dropdown-border-radius);
    z-index: var(--bs-dropdown-zindex);
    background-color: var(--bs-dropdown-bg);
    border: 1px solid var(--bs-dropdown-border-color);
    color: var(--bs-dropdown-color);
    width: 100%;
    min-width: var(--bs-dropdown-min-width);
    max-height: 200px;
    overflow-y: auto;
}

/* Filter Input */
.simple-filter-container[b-17bqumjwm0] {
    position: sticky;
    top: 0;
    z-index: 1;
    background-color: var(--bs-dropdown-bg);
    padding: 8px 10px;
}

.simple-filter-input[b-17bqumjwm0] {
    width: 100%;
    box-sizing: border-box;
    padding: 0.375rem 0.75rem;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    color: var(--bs-dropdown-link-color);
    background-color: var(--bs-dropdown-bg);
    background-clip: padding-box;
    border: 1px solid var(--bs-dropdown-border-color);
    border-radius: var(--bs-dropdown-border-radius);
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

/* Dropdown Items */
.dropdown-item[b-17bqumjwm0] {
    padding: 0.25rem 1rem;
    cursor: pointer;
    user-select: none;
    color: var(--bs-dropdown-link-color);
}

.dropdown-item:hover[b-17bqumjwm0] {
    background-color: var(--bs-dropdown-link-hover-bg);
}

.dropdown-item:active[b-17bqumjwm0] {
    color: var(--bs-dropdown-link-active-color);
    background-color: var(--bs-dropdown-link-active-bg);
}

.dropdown-item label[b-17bqumjwm0] {
    cursor: pointer;
}

.dropdown-item input[type="checkbox"][b-17bqumjwm0] {
    margin-right: 0.5rem;
}
/* _content/BUL.Herbier.Web/Components/Slider/CustomBootstrapSlider.razor.rz.scp.css */
.label-slider-value[b-zy5bk3wax1] {
    font-size: 0.8rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    border: 0.05rem solid;
    border-color: var(--ul-color-gray-light);
    background-color: var(--ul-color-gray-lightest);
    width: 4vw;
    line-height: 1.5rem;
    text-align: center;
    border-radius: 0.25rem;
}

/* Example CSS to set the slider handle color */
[b-zy5bk3wax1] .slider-handle {
    background-color: var(--ul-color-red) !important; /* Set the desired color */
    border-color: var(--ul-color-gray-light) !important; /* Optional: Adjust the border color */
    background-image: linear-gradient(to bottom, var(--ul-color-red), var(--ul-color-red-active)) !important;
}
/* _content/BUL.Herbier.Web/Layout/Hercul/HerculLayout.razor.rz.scp.css */
.page[b-9icqulttjz] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-9icqulttjz] {
    flex: 1;
}

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

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

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

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

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

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

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

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

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

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

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

    .top-row[b-9icqulttjz], article[b-9icqulttjz] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-9icqulttjz] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-9icqulttjz] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

.recaptchaMessage[b-9icqulttjz] {
    margin: 0.5rem;
}
/* _content/BUL.Herbier.Web/Layout/LoginLayout.razor.rz.scp.css */

.divBodyLogin[b-nqe1ff3ijx] {
    /*height: 100%;*/ /* Prend toute la hauteur de la fenêtre */
    /*display: flex;
    justify-content: center;
    align-items: center;*/
    /*  background-image: url('/images/Marais-fleur.jpg'); */
    background-size: cover; /* Couvre tout l'écran */
    background-position: center; /* Centre l'image */
    background-repeat: no-repeat; /* Évite les répétitions */
}

.recaptchaMessage[b-nqe1ff3ijx] {
    margin: 0.5rem;
}
/* _content/BUL.Herbier.Web/Layout/Participer/ParticiperLayout.razor.rz.scp.css */
.page[b-8jdfzh7jfh] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-8jdfzh7jfh] {
    flex: 1;
}

#blazor-error-ui[b-8jdfzh7jfh] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-8jdfzh7jfh] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

/* _content/BUL.Herbier.Web/Layout/Participer/ReportLayout.razor.rz.scp.css */
.page[b-coweipvvoz] {
    position: relative;
    display: flex;
    flex-direction: column;
}

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

#blazor-error-ui[b-coweipvvoz] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-coweipvvoz] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

/* _content/BUL.Herbier.Web/Pages/Hercul/DateRangeFilter.razor.rz.scp.css */
.btn-reset-filter-date[b-fxz3tm8jr6] {
    margin-top: 1vh;
    background-color: var(--ul-color-red);
    color: var(--ul-color-white);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 0.8rem;
    font-weight: bold;
    padding: 0.5rem 0.5rem;
}

.btn-reset-filter-date:hover[b-fxz3tm8jr6] {
    background-image: linear-gradient(rgb(0 0 0/20%) 0 0); /* Slightly darker red */
}

.checkbox-container[b-fxz3tm8jr6] {
    display: flex;
    align-items: center; /* Ensures items align vertically */
    gap: 0.5vw; /* Adds spacing between items */
    padding-bottom: 0.5vh;
}
/* _content/BUL.Herbier.Web/Pages/Hercul/HerculFilter.razor.rz.scp.css */
/* 
    .div-filter: Styles the filter container with vertical scroll and fixed height.
*/
.div-filter[b-7tsxcp68hs] {
    overflow-y: auto;
    max-height: 75vh;
    height: 75vh;
}

/* 
    .clear-button: Styles the clear button, positions it absolutely and centers vertically.
*/
.clear-button[b-7tsxcp68hs] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%); /* Centers vertically */
    right: 0.5vw; /* Adjust horizontal spacing */
    line-height: 0.1rem !important;
    border: none;
}

/* 
    .custom-card-body: Adds a bottom border and padding to card body sections.
*/
.custom-card-body[b-7tsxcp68hs] {
    border-bottom: solid 1px;
    border-bottom-color: #dee2e6;
    padding-bottom: 1vh;
}

/*
    .fas: Sets the color for FontAwesome chevron icons.
*/
.fas[b-7tsxcp68hs] {
    color: var(--ul-color-grey)
}

/* 
    .input-container: Ensures input containers are positioned relative and take full width.
*/
.input-container[b-7tsxcp68hs] {
    position: relative;
    width: 100%; /* Or adjust to fit your layout */
}

/*
    Multiselect dropdown styles:
    - Adjusts button size, border, and dropdown item padding.
    - Sets line height for dropdown text.
*/
[b-7tsxcp68hs] .simple-dropdown .simple-dropdown-button {
    font-size: 0.9rem;
    height: 2rem;
    border-color: #dee2e6;
}

[b-7tsxcp68hs] .simple-dropdown .dropdown-item {
    padding: 0.1rem 1rem;
}

[b-7tsxcp68hs] .simple-dropdown-text {
    line-height: 0.9rem !important;
}

/*
    .bg-primary: Overrides background color for primary elements.
*/
.bg-primary[b-7tsxcp68hs] {
    background-color: var(--ul-color-red) !important;
}

/*
    .selected-items, .span-selected-item: Adds margin to selected items in dropdowns.
*/
.selected-items[b-7tsxcp68hs] {
    margin-top: 0.5vh;
}

.span-selected-item[b-7tsxcp68hs] {
    margin-top: 0.5vh !important;
}

/*
    .checkbox-container: Aligns checkboxes and their labels horizontally with spacing.
*/
.checkbox-container[b-7tsxcp68hs] {
    display: flex;
    align-items: center; /* Ensures items align vertically */
    gap: 0.5vw; /* Adds spacing between items */
}

/*
    .icon: Styles icon containers for consistent size and alignment.
    .icon img: Ensures images fit within icon containers.
*/
.icon[b-7tsxcp68hs] {
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .icon img[b-7tsxcp68hs] {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
    }

.div-global-search[b-7tsxcp68hs]{
    padding-top: 2vh;
}
/*
    .btn-search: Styles the search button with color, padding, and hover effect.
*/
.btn-search[b-7tsxcp68hs] {
    background-color: var(--ul-color-red);
    color: var(--ul-color-white);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 0.8rem;
    font-weight: bold;
    padding: 0.1rem 0.1rem 0.1rem 0.1rem;
}

    .btn-search:hover[b-7tsxcp68hs] {
        background-image: linear-gradient(rgb(0 0 0/20%) 0 0); /* Slightly darker red */
    }

/*
    .btn-search-container: Aligns search button and related elements horizontally.
*/
.btn-search-container[b-7tsxcp68hs] {
    padding-top: 1vh;
    padding-bottom: 1vh;
    display: flex;
    align-items: center; /* Ensures items align vertically */
    gap: 0.5vw; /* Adds spacing between items */
}

/*
    .div-vernacular-section: Adds margin and top border to vernacular sections.
*/
.div-vernacular-section[b-7tsxcp68hs] {
    margin-top: 0.5vh;
    margin-bottom: 0.5vh;
    border-top: solid 1px;
    border-top-color: #dee2e6;
}

/*
    ArcGIS map component styles:
    - .btn-world-home-container: Aligns map tool buttons.
    - .filterMapView: Styles the map view container.
    - .filterMapTools: Adds vertical padding to map tools.
*/
.div-map-components[b-7tsxcp68hs]{
    padding-top: 1vh;
}

.btn-world-home-container[b-7tsxcp68hs] {
    display: flex;
    align-items: center; /* Ensures items align vertically */
    gap: 0.5vw; /* Adds spacing between items */
}

.custom-search-widget[b-7tsxcp68hs] {
    width: 100%;
    height: 50px
}

.filterMapView[b-7tsxcp68hs] {
    position: relative;
    display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
    flex: 1 1 auto;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 350px;
    border: 1px solid black;
    /*z-index: 9998;*/
    flex-direction: column;
}

.filterMapControls[b-7tsxcp68hs] {
    padding-top: 1vh;
    padding-bottom: 1vh;
}

/*
    .custom-calcite-button: Customizes Calcite button background color and hover state.
*/
.custom-calcite-button[b-7tsxcp68hs] {
    --calcite-button-background-color: var(--ul-color-red);
}

    .custom-calcite-button:hover[b-7tsxcp68hs] {
        --calcite-button-background-color: var(--ul-color-red-active);
    }

/*
    .inputnumber-coordinate-container: Aligns coordinate input fields and adds spacing.
*/
.inputnumber-coordinate-container[b-7tsxcp68hs] {
    display: flex;
    align-items: center; /* Ensures items align vertically */
    gap: 0.5vw; /* Adds spacing between items */
    padding-bottom: 0.5vh;
}

/*
    .divMapFilterGoTo: Centers map filter "Go To" controls vertically and horizontally.
*/
.divMapFilterGoTo[b-7tsxcp68hs] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding-top: 0.5vh;
    padding-bottom: 2vh;
}

/* 
    Custom drop down styles:
    - .custom-dropdown: Positions dropdown for custom arrow.
    - .custom-select: Styles select element, removes default arrow, and adds transitions.
    - .custom-dropdown::after: Adds custom arrow icon.
    - .custom-select:hover, .custom-select:focus: Adds hover and focus effects.
*/
.custom-dropdown[b-7tsxcp68hs] {
    position: relative; /* Nécessaire pour positionner la flèche */
}

.custom-select[b-7tsxcp68hs] {
    appearance: none; /* Masque la flèche par défaut */
    -webkit-appearance: none;
    -moz-appearance: none;
    /* padding: $input-padding-y $input-padding-x;*/
    font-size: 16px; /* Police plus grande pour un meilleur rendu */
    transition: all 0.3s ease; /* Transition douce pour tous les changements */
    background-color: #fff; /* Fond blanc */
    color: #333; /* Texte foncé */
    cursor: pointer; /* Suggère l'interaction */
}

    /* Effet de focus : Change la couleur de la bordure et l'ombre */
    /*.custom-select:focus {
        border-color: var(--ul-color-red);*/
        /*box-shadow: 0 0 5px rgba(0, 123, 255, 0.5); *//* Ombre autour du champ */
        /*outline: none;*/ /* Enlève la bordure par défaut de focus */
    /*}*/

.custom-dropdown[b-7tsxcp68hs]::after {
    /*content: '\2193';*/ /* Code Unicode pour la flèche vers le bas */
    content: '\25BC'; /* Unicode pour une flèche vers le bas */
    /*font-size: 18px;*/
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    color: var(--ul-color-black); /* Couleur de la flèche */
    pointer-events: none; /* Permet d'interagir avec le select sous la flèche */
    transition: all 0.3s ease; /* Transition pour la flèche */
}

/* Effet au survol de la flèche */
.custom-dropdown:hover[b-7tsxcp68hs]::after {
    color: var(--ul-color-black); /* Change la couleur de la flèche au survol */
}

/* Animation au survol pour un effet doux */
/*.custom-select:hover {
    background-color: #f1f1f1;*/ /* Fond légèrement grisé au survol */
    /*border-color: var(--ul-color-red);*/ /* Bordure verte pour le survol */
/*}*/

/*
    Toggle switch styles:
    - .switch: Aligns switch and label.
    - .slider: Styles the switch slider and its animation.
    - input:checked + .slider: Changes slider color when checked.
    - .label: Styles the label next to the switch.
*/
.switch[b-7tsxcp68hs] {
    display: flex;
    align-items: center;
}

.slider[b-7tsxcp68hs] {
    width: 35px; /* Smaller width */
    height: 18px; /* Smaller height */
    background-color: #ccc;
    border-radius: 9px; /* Adjusted for rounded corners */
    position: relative;
    cursor: pointer;
    transition: 0.3s;
}

    .slider[b-7tsxcp68hs]:before {
        content: "";
        position: absolute;
        height: 14px;
        width: 14px;
        left: 2px;
        bottom: 2px;
        background-color: white;
        border-radius: 50%;
        transition: 0.3s;
    }

input:checked + .slider[b-7tsxcp68hs] {
    background-color: var(--ul-color-red); /* Bootstrap primary color */
}

    input:checked + .slider[b-7tsxcp68hs]:before {
        transform: translateX(17px);
    }

.label[b-7tsxcp68hs] {
    margin-left: 8px;
    font-size: 14px;
    color: #333;
}

.card-header[b-7tsxcp68hs] {
    background-color: rgba(var(--bs-emphasis-color-rgb), 0.05) !important;
}

.div-btn-clear-taxon-filter[b-7tsxcp68hs] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1vh;
}

.div-switch-map-filter[b-7tsxcp68hs]{
    padding-top:0.5vh;
}

.form-group > label[b-7tsxcp68hs] {
    font-weight: bold;
}
/* _content/BUL.Herbier.Web/Pages/Hercul/Home.razor.rz.scp.css */

.disabled-button[b-vd5ofz9lxn] {
    opacity: 0.6;
    pointer-events: none;
    cursor: not-allowed;
}


.divFilters[b-vd5ofz9lxn] {
    flex: 0 0 15%;
    max-width: 20rem;
    padding: 10px;
    box-sizing: border-box;
}

.divGrid[b-vd5ofz9lxn] {
    flex: 1 1 0%;
    min-width: 0;
    padding: 10px;
    box-sizing: border-box;
}


#divCarte[b-vd5ofz9lxn] {
  /*  height: 100%;*/
    width: 100%;
    overflow: hidden;
}

#mapView[b-vd5ofz9lxn] {
    height: 75vh;
    width: 100%;
    overflow: hidden;
}

#layerSelect[b-vd5ofz9lxn],
#layerSelect + label[b-vd5ofz9lxn],
#layerOpacity[b-vd5ofz9lxn] {
    display: block;
    margin-top: 10px;
}

.containerLayout[b-vd5ofz9lxn] {
    display: flex;
    width: 100%;
    height: 100%;
    gap: 1rem;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

.downloadGbif-clicked[b-vd5ofz9lxn] {
    animation: animationClicked-b-vd5ofz9lxn 0.4s ease-in-out;
}

.print-clicked[b-vd5ofz9lxn] {
    animation: animationClicked-b-vd5ofz9lxn 0.4s ease-in-out;
}

@keyframes animationClicked-b-vd5ofz9lxn {
    0% {
        transform: scale(1);
        background-color: #ddd;
    }

    50% {
        transform: scale(1.2);
        background-color: var(--ul-color-red);
        color: var(--ul-color-white);
    }

    100% {
        transform: scale(1);
        background-color: inherit;
    }
}

.toogleDisplay[b-vd5ofz9lxn] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}



/*Grille*/

.occurrence-link[b-vd5ofz9lxn] {
    text-decoration: underline; /* soulignement comme un lien */
    color: black; /* texte noir */
    cursor: pointer; /* main au survol */
}

.occurrence-link:hover[b-vd5ofz9lxn] {
    color: #333; /* un peu plus foncé si tu veux un feedback */
}




.icon-grid[b-vd5ofz9lxn] {
    display: grid;
    grid-template-columns: repeat(3, 20px); /* Largeur des colonnes plus grande pour bien voir les icônes */
    gap: 10px; /* Un peu plus d'espace entre les icônes */
    justify-content: center;
    align-items: center;
    /*margin-top: 20px;*/ /* Un peu d'espace en haut */
}

.icon[b-vd5ofz9lxn] {
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.icon img[b-vd5ofz9lxn] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}


.containerGridSpecimen[b-vd5ofz9lxn] {
    padding-bottom: 10px;
    padding-top: 8px;
    margin-left: auto; /* Adjust to push to the right */
    margin-right: 30px; /* Add spacing from the right side */
    width: 100%;
    background-color: #fff;
    position: relative;
    z-index: 520;
    display: flex;
    flex-direction: column; /* Stack sections vertically */
    align-items: flex-end; /* Ensure alignment to the right */
}



.btn-searchSpecimen[b-vd5ofz9lxn] {
    background-color: var(--ul-color-red);
    color: var(--ul-color-white);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    padding: 0.3rem 0.5rem;
}

.btn-searchSpecimen:hover[b-vd5ofz9lxn] {
    background-image: linear-gradient(rgb(0 0 0/20%) 0 0); /* Slightly darker red */
}


.btn-clearSpecimen[b-vd5ofz9lxn] {
    background-color: var(--ul-color-red);
    color: var(--ul-color-white);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    padding: 0.3rem 0.5rem;
}

.btn-clearSpecimen:hover[b-vd5ofz9lxn] {
    background-image: linear-gradient(rgb(0 0 0/20%) 0 0); /* Slightly darker red */
}



/*Fin Grille*/

.divImages[b-vd5ofz9lxn] {
    padding-bottom: 10px;
    padding-top: 8px;
    margin-left: 0px; /* Adjust to push to the right */
    margin-right: 30px; /* Add spacing from the right side */
    width: 100%;
    display: flex;
    flex-direction: column; /* Stack sections vertically */
    align-items: flex-start; /* Ensure alignment to the right */
}

.page-layout[b-vd5ofz9lxn] {
    display: flex;
    flex-direction: column;
    width: 100%;
}


/*Onglets*/

.top-bar-wrapper[b-vd5ofz9lxn] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 30px;
}


.top-barleft[b-vd5ofz9lxn] {
    display: flex;
    float: left;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
    padding-top:15px;
    margin-left: 5px;
}


.top-bar[b-vd5ofz9lxn] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
    /* Ne pas mettre float:right ici */
}




.tabs[b-vd5ofz9lxn] {
    display: flex;
    gap: 0.5rem;
}

.tabs button[b-vd5ofz9lxn] {
    background-color: var(--ul-color-white);
    /* color: var(--ul-color-white);*/
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    padding: 0.5rem 1rem;
    border: 1px solid black;

}

.tabs button.active[b-vd5ofz9lxn] {
    background-color: var(--ul-color-red);
    color: var(--ul-color-white);
}

.tabs button:hover[b-vd5ofz9lxn] {
    background-image: linear-gradient(rgb(0 0 0/20%) 0 0); /* Slightly darker red */
}

.form-check-input[b-vd5ofz9lxn],
.form-check-label[b-vd5ofz9lxn] {
    cursor: pointer;
}


.btn-login[b-vd5ofz9lxn] {
    background-color: var(--ul-color-red);
    color: var(--ul-color-white);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    padding: 0.5rem 1rem;
}

.btn-login:hover[b-vd5ofz9lxn] {
    background-image: linear-gradient(rgb(0 0 0/20%) 0 0); /* Slightly darker red */
}

.custom-modal[b-vd5ofz9lxn] {
    position: fixed;
    background-color: white;
    border: 1px solid #ccc;
    padding: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
    z-index: 1000;
    display: none;
    pointer-events: auto;
}



.modal-content[b-vd5ofz9lxn] {
    position: relative;
    padding: 1rem;
    max-width: 350vh;
    display: flex;
    flex-direction: row;
    gap: 12px;
}

.close-button[b-vd5ofz9lxn] {
    position: absolute;
    top: -1rem;
    right: 0rem;
    font-size: 1.5rem;
    font-weight: bold;
    color: #333;
    cursor: pointer;
    background: none;
    border: none;
}
    .close-button:hover[b-vd5ofz9lxn] {
        color: #000;
    }


.modal-text[b-vd5ofz9lxn] {
    flex: 2;
    font-size: 0.9rem;
}

.modal-image[b-vd5ofz9lxn] {
    flex: 1;
    display: flex;
    align-items: center;
}

.modal-image img[b-vd5ofz9lxn] {
    max-width: 100px;
    max-height: 120px;
    object-fit: contain;
    border: 1px solid #aaa;
}


.details .scientific[b-vd5ofz9lxn] {
   /* line-height: 1;*/
    margin-bottom: 0;
    padding: 0;
    white-space: normal;
}

.details .locality[b-vd5ofz9lxn] {
 /*   line-height: 1;*/
    margin-bottom: 0;
    padding: 0;
    white-space: normal;
}

.details .recordedBy[b-vd5ofz9lxn] {
    /*   line-height: 1;*/
    margin-bottom: 0;
    padding: 0;
    white-space: normal;
}

.no-image[b-vd5ofz9lxn] {
    flex: 1;
    width: 100px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f8f8f8;
    color: #888;
    font-style: italic;
    object-fit: contain;
    border: 1px solid #aaa;
    text-align: center;
}

.details[b-vd5ofz9lxn] {
    font-size: 0.70em; /* un peu plus petit */
    margin-top: 5px;
    text-align: left;
}

    .details .info[b-vd5ofz9lxn] {
        margin-bottom: 2px;
    }

#loading[b-vd5ofz9lxn] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000; /* Ensures it appears above the map */
    display: none;
}

.spinner[b-vd5ofz9lxn] {
    width: 50px;
    height: 50px;
    border: 5px solid var(--ul-color-gray-light);
    border-top: 5px solid var(--ul-color-red);
    border-radius: 50%;
    animation: spin-b-vd5ofz9lxn 1s linear infinite;
}

.spinner-grid-div[b-vd5ofz9lxn] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.spinner-grid[b-vd5ofz9lxn] {
    width: 50px;
    height: 50px;
    border: 5px solid var(--ul-color-gray-light);
    border-top: 5px solid var(--ul-color-red);
    border-radius: 50%;
    animation: spin-b-vd5ofz9lxn 1s linear infinite;
   
}

/*.alig-spinner {
    d-flex justify-content-center align-middle
}*/

@keyframes spin-b-vd5ofz9lxn {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.esri-custom-button[b-vd5ofz9lxn] {
    position: absolute;
    border-style: none;
    top: 1rem;
    left: 1rem;
    z-index: 10;
}

#divAddLayer[b-vd5ofz9lxn] {
    display: none;
    position: absolute;
    top: 1rem;
    left: 4rem;
    z-index: 10;
    background-color: white;
    padding: 10px;
    border-radius: 6px;
    font-family: 'Source Sans 3', sans-serif;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}
/* _content/BUL.Herbier.Web/Pages/Hercul/ImageGallery.razor.rz.scp.css */
.gallery[b-5s3e3zpd8x] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 10px;
}

.gallery.no-grid[b-5s3e3zpd8x] {
    display: block; /* ou flex/table/whatever you want when empty */
    grid-template-columns: unset;
}

.gallery-item[b-5s3e3zpd8x] {
    border: 1px solid #ccc;
    padding: 5px;
    text-align: center;
}

.gallery-item img[b-5s3e3zpd8x] {
    max-width: 100%;
    height: auto;
    cursor: pointer;
}

.details .scientific[b-5s3e3zpd8x] {
    line-height: 1;
    margin-bottom: 0;
    padding: 0;
    white-space: normal;
}


.no-image[b-5s3e3zpd8x] {
    width: 100%;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f8f8f8;
    color: #888;
    font-style: italic;
}

.details[b-5s3e3zpd8x] {
    font-size: 0.70em; /* un peu plus petit */
    margin-top: 5px;
    text-align: left;
}

.details .occurrence[b-5s3e3zpd8x] {
    font-weight: bold;
    color: black;
    display: block;
    margin-bottom: 0px;
    text-decoration: none;
}

.details .info[b-5s3e3zpd8x] {
    margin-bottom: 2px;
}


.pagination[b-5s3e3zpd8x] {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.pagination-controls[b-5s3e3zpd8x] {
    display: flex;
    align-items: center;
    gap: 5px;
}

.pagination-controls button.active[b-5s3e3zpd8x] {
    font-weight: bold;
    background-color: #007bff;
    color: white;
}

.pagination .page-item.active .page-link[b-5s3e3zpd8x] {
    background-color: #007bff;
    color: white;
    border-color: #007bff;
}


.page-size-label[b-5s3e3zpd8x] {
    margin-left: 10px;
}

.page-info[b-5s3e3zpd8x] {
    font-style: italic;
    font-size: 0.9em;
}

button.active[b-5s3e3zpd8x] {
    background-color: #007bff;
    color: white;
}

/* _content/BUL.Herbier.Web/Pages/Hercul/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-wyjtxbdtky] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-wyjtxbdtky] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-wyjtxbdtky] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-wyjtxbdtky] {
    font-size: 1.1rem;
}

.bi[b-wyjtxbdtky] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-wyjtxbdtky] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-wyjtxbdtky] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-wyjtxbdtky] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-wyjtxbdtky] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-wyjtxbdtky] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-wyjtxbdtky] {
        padding-bottom: 1rem;
    }

    .nav-item[b-wyjtxbdtky]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

.nav-item[b-wyjtxbdtky]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-wyjtxbdtky]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-wyjtxbdtky] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-wyjtxbdtky] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-wyjtxbdtky] {
        display: none;
    }

    .nav-scrollable[b-wyjtxbdtky] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* _content/BUL.Herbier.Web/Pages/Hercul/SpecimenForm.razor.rz.scp.css */

.imageViewer[b-uu8uug5fuj] {
    margin-left: auto;
    flex: 1;
    display: flex;
    align-items: center; /* centrer verticalement */
    justify-content: center; /* centrer horizontalement si tu veux */
    max-height: 70vh;
    max-width: 50%;
    background-color: var(--ul-color-gray-lightest);
}

.collector-container[b-uu8uug5fuj] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline; /* Changer de flex-start à baseline */
    gap: 4px;
    font-size: 0.85em; /* Harmoniser avec .info-row */
}

.collector-label[b-uu8uug5fuj] {
    font-weight: bold;
    white-space: nowrap;
    font-size: inherit; /* hérite de .collector-container */
}

.collector-names[b-uu8uug5fuj] {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
    font-size: inherit;
    margin: 0;
    padding: 0;
}

    .collector-names span[b-uu8uug5fuj] {
        font-weight: normal;
        line-height: 1.2;
        padding: 0;
        margin: 0;
    }


.info-row[b-uu8uug5fuj] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    align-items: baseline; /* <-- aligne mieux si plusieurs lignes */
    font-size: 0.90em; /* ou 12px / 13px selon ton design */
}

    .info-row .label[b-uu8uug5fuj] {
        white-space: nowrap;
    }

    .info-row .value[b-uu8uug5fuj] {
        flex: 1;
        white-space: normal;
        line-height: 1;
        margin-bottom: 0;
        padding: 0;
        white-space: normal;
    }
/* _content/BUL.Herbier.Web/Pages/Hercul/TaxonomyTree.razor.rz.scp.css */
.treeview[b-akikfn5pv1]
{
    padding-left: 0px;
}

.treeview ul[b-akikfn5pv1] {
    list-style: none;
}

.treeview li[b-akikfn5pv1] {
    cursor: pointer;
    list-style-type: none !important;
}

    .treeview ol[b-akikfn5pv1], ul[b-akikfn5pv1] {
        padding-left: 1vw;
    }

.treeview .collapsed > ul[b-akikfn5pv1] {
    display: none;
}

.treeview i[b-akikfn5pv1] {
    margin-right: 5px;
}

.icon-node-selected[b-akikfn5pv1] {
    transform: rotate(90deg); /* Rotates the icon */
}

.treeview-children[b-akikfn5pv1] {
    display: none;
}

.collapsed-node[b-akikfn5pv1]{
    display: hidden;
}

.expanded-node[b-akikfn5pv1]{
    display: block;
}

.tree-toggle[b-akikfn5pv1] {

    margin-top: 0.2vh;
   /* cursor: pointer;*/
    display: flex;
    align-items: center;
}

    .tree-toggle i[b-akikfn5pv1] {
        transition: transform 0.3s ease-in-out;
    }

.label-count[b-akikfn5pv1] {
    border-radius: 5px;
    padding-left: 0.2vw;
    padding-right: 0.2vw;
    cursor: pointer;
    font-size: 0.8rem;
}

.label-name[b-akikfn5pv1] {
    border-radius: 5px;
    padding-left: 0.2vw;
    padding-right: 0.2vw;
    margin-right: 0.2vw;
    cursor: pointer;
    font-size: 0.8rem;
}

.not-selected-node[b-akikfn5pv1] {
    background-color: rgba(var(--bs-emphasis-color-rgb), 0.05);
}

.not-selected-node:hover[b-akikfn5pv1] {
    background-color: rgba(var(--bs-emphasis-color-rgb), 0.1);
}

.selected-node[b-akikfn5pv1] {
    background-color: rgba(var(--bs-emphasis-color-rgb), 0.4);
}

.chevron-not-visible[b-akikfn5pv1]{
    visibility:hidden;
}

/* _content/BUL.Herbier.Web/Pages/Participer/AccordionUL.razor.rz.scp.css */
.accordionUL[b-pxxajt2z4l] {
    width: 100%;
    /*max-width: 600px;*/
    font-family: 'Source Sans 3', sans-serif;
    /* font-family: Arial, sans-serif;*/
}

.accordionUL-section[b-pxxajt2z4l] {
    border-bottom: 1px solid #ccc;
    margin-bottom: 5px;
}

.accordionUL-button[b-pxxajt2z4l] {
    width: 100%;
    background-color: #e0e0e0; /* Couleur de fond neutre par défaut */
    color: #333;
    padding: 15px;
    text-align: left;
    border: none;
    font-size: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    font-weight: bold;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.accordionUL-button .icon[b-pxxajt2z4l] {
    margin-right: 10px;
    font-size: 18px;
}

.accordionUL-button:hover[b-pxxajt2z4l] {
    background-color: #7D873E; /* Vert lors du survol */
    color: white;
}

.accordionUL-button.active[b-pxxajt2z4l] {
    background-color: #7D873E; /* Vert foncé lors du clic */
    color: white;
}

.accordionUL-content[b-pxxajt2z4l] {
    background-color: #f4f4f4;
    padding: 15px;
    color: #333;
    font-size: 14px;
    line-height: 1.5;
}

.accordionUL-button:focus[b-pxxajt2z4l] {
    outline: none !important;
}

/* Affichage des icônes + et - pour ouvrir/fermer */
.accordionUL-button .icon[b-pxxajt2z4l] {
    font-size: 18px;
}

.accordionUL-button.active .icon[b-pxxajt2z4l] {
    content: '−'; /* Affiche un "moins" lorsque la section est ouverte */
}

.accordionUL-button:not(.active) .icon[b-pxxajt2z4l] {
    content: '+'; /* Affiche un "plus" lorsque la section est fermée */
}
/* _content/BUL.Herbier.Web/Pages/Participer/AIPromptProcessingGrid.razor.rz.scp.css */
.containerGridExportJob[b-0wwsrnftlx] {
    margin-top: 10px;
    padding-bottom: 10px;
    padding-top: 12px;
    margin-left: 30px;
    width: 90%;
    background-color: #fff;
    position: relative;
    z-index: 520;
    display: flex;
    flex-direction: column; /* Empile les sections verticalement */
    align-items: flex-start;
}


.btn-searchExportJob[b-0wwsrnftlx] {
    background-color: var(--ul-color-red);
    color: var(--ul-color-white);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    padding: 0.3rem 0.5rem;
}

    .btn-searchExportJob:hover[b-0wwsrnftlx] {
        background-image: linear-gradient(rgb(0 0 0/20%) 0 0); /* Slightly darker red */
    }


.btn-clearExportJob[b-0wwsrnftlx] {
    background-color: var(--ul-color-red);
    color: var(--ul-color-white);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    padding: 0.3rem 0.5rem;
}

    .btn-clearExportJob:hover[b-0wwsrnftlx] {
        background-image: linear-gradient(rgb(0 0 0/20%) 0 0); /* Slightly darker red */
    }


.btn-clearExportJob[b-0wwsrnftlx] {
    background-color: var(--ul-color-red);
    color: var(--ul-color-white);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    padding: 0.3rem 0.5rem;
}

    .btn-clearExportJob:hover[b-0wwsrnftlx] {
        background-image: linear-gradient(rgb(0 0 0/20%) 0 0); /* Slightly darker red */
    }

    .btn-clearExportJob.disabled[b-0wwsrnftlx] {
        pointer-events: none; /* Empêche le clic */
        opacity: 0.6; /* Rend l'élément visuellement plus transparent */
        cursor: not-allowed; /* Change le curseur pour indiquer que l'élément est désactivé */
        background-image: none; /* Supprime le fond au survol */
        background-color: #d6d6d6; /* Fond gris pour un aspect désactivé */
        color: #7a7a7a; /* Couleur de l'icône en gris */
    }

.btn-icon[b-0wwsrnftlx] {
    background-color: var(--ul-color-red);
    color: var(--ul-color-white);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    padding: 0.3rem 0.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s;
}

    .btn-icon:hover[b-0wwsrnftlx] {
        background-image: linear-gradient(rgb(0 0 0/20%) 0 0); /* Slightly darker red */
    }

    .btn-icon i[b-0wwsrnftlx] {
        font-size: 1rem;
        pointer-events: none; /* Ensures the click event is on the parent div */
    }

    .btn-icon.disabled[b-0wwsrnftlx] {
        pointer-events: none; /* Empêche le clic */
        opacity: 0.6; /* Rend l'élément visuellement plus transparent */
        cursor: not-allowed; /* Change le curseur pour indiquer que l'élément est désactivé */
        background-image: none; /* Supprime le fond au survol */
        background-color: #d6d6d6; /* Fond gris pour un aspect désactivé */
        color: #7a7a7a; /* Couleur de l'icône en gris */
    }
/* _content/BUL.Herbier.Web/Pages/Participer/BotanistForm.razor.rz.scp.css */
.customcard[b-rg8na3zphd] {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 70vh;
    max-width: 50vw;
    background-color: var(--ul-color-gray-lightest);
}

.labelOccurrenceId[b-rg8na3zphd] {
    font-weight: bold;
}

.required[b-rg8na3zphd] {
    color: red;
    font-weight: bold;
}

.containerGridUserProfil[b-rg8na3zphd] {
    margin-top: 10px;
    padding-bottom: 10px;
    padding-top: 12px;
    margin-left: 30px;
    width: 90%;
    background-color: #fff;
    position: relative;
    z-index: 520;
    display: flex;
    flex-direction: column; /* Empile les sections verticalement */
    align-items: flex-start;
}
/*
.form-group {
    margin-bottom: 15px;
}*/

/*Début Toogle*/

input:disabled + .slider[b-rg8na3zphd] {
    background-color: #ddd !important; /* Gray background for disabled toggle */
    cursor: not-allowed !important; /* Prevent interaction */
}

input:disabled:checked + .slider[b-rg8na3zphd] {
    background-color: #bbb !important; /* Darker gray when checked */
}

input:disabled + .slider[b-rg8na3zphd]:before {
    background-color: #f0f0f0 !important; /* Gray circle for disabled state */
    transform: translateX(0) !important; /* Keep the circle in place */
}

/* Optional: Lower opacity for the entire toggle */
input:disabled[b-rg8na3zphd] {
    opacity: 0.6 !important; /* Make the entire toggle less opaque */
}

.toggle-switch[b-rg8na3zphd] {
    position: relative !important;
    display: inline-block !important;
    width: 60px !important; /* Réduction de la longueur */
    height: 20px !important; /* Hauteur ajustée pour rester mince */
}

.toggle-switch input[b-rg8na3zphd] {
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    position: absolute !important;
    z-index: -1 !important; /* Pour s'assurer qu'il reste en arrière-plan */
}


.slider[b-rg8na3zphd] {
    position: absolute !important;
    cursor: pointer !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background-color: #ccc !important;
    transition: .4s !important;
    border-radius: 20px !important;
}

.slider[b-rg8na3zphd]:before {
    position: absolute !important;
    content: "" !important;
    height: 16px !important; /* Taille du cercle ajustée */
    width: 16px !important;
    left: 2px !important; /* Décalage ajusté */
    bottom: 2px !important;
    background-color: white !important;
    transition: .4s !important;
    border-radius: 50% !important;
}

input:checked + .slider[b-rg8na3zphd] {
    background-color: var(--ul-color-red) !important;
}

input:checked + .slider[b-rg8na3zphd]:before {
    transform: translateX(38px) !important; /* Ajusté pour correspondre à la nouvelle largeur */
}


.toggle-switch[b-rg8na3zphd]::after {
    /*content: attr(data-tooltip);*/
    position: absolute;
    top: -30px; /* Position au-dessus du toggle */
    left: 50%;
    transform: translateX(-50%);
    background-color: #333;
    color: #fff;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    white-space: nowrap;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s, visibility 0.3s;
    pointer-events: none;
    z-index: 10;
}

/* Afficher le tooltip au survol */
.toggle-switch:hover[b-rg8na3zphd]::after {
    visibility: visible;
    opacity: 1;
}

/*Fin du Toggle*/


.btn-primary[b-rg8na3zphd] {
    background-color: var(--ul-color-red);
    color: var(--ul-color-white);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 0.9rem;
    font-weight: bold;
    padding: 0.3rem 0.5rem;
}

.btn-primary:hover[b-rg8na3zphd] {
    background-image: linear-gradient(rgb(0 0 0/20%) 0 0); /* Slightly darker red */
}

.btn-secondary[b-rg8na3zphd] {
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 0.9rem;
    font-weight: bold;
    padding: 0.3rem 0.5rem;
}

.btn-primary.disabled[b-rg8na3zphd] {
    pointer-events: none; /* Empêche le clic */
    opacity: 0.6; /* Rend l'élément visuellement plus transparent */
    cursor: not-allowed; /* Change le curseur pour indiquer que l'élément est désactivé */
    background-image: none; /* Supprime le fond au survol */
    background-color: #d6d6d6; /* Fond gris pour un aspect désactivé */
    color: #7a7a7a; /* Couleur de l'icône en gris */
}

/* Liste Déroulante*/
.custom-dropdown[b-rg8na3zphd] {
    position: relative;
    width: 100%;
}

/* Personnalisation du select */
.custom-select[b-rg8na3zphd] {
    appearance: none; /* Masque la flèche par défaut */
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: $input-padding-y $input-padding-x;
    /*padding: 12px 40px 12px 12px;*/ /* Ajoute de l'espace à gauche et à droite pour le texte et la flèche */
    /*border: 2px solid #ccc;*/ /* Bordure légère pour le champ */
    border-radius: 8px; /* Coins arrondis pour un effet moderne */
    font-size: 16px; /* Police plus grande pour un meilleur rendu */
    /*font-family: 'Arial', sans-serif;*/ /* Choix de police plus moderne */
    font-family: 'Source Sans 3', sans-serif;
    transition: all 0.3s ease; /* Transition douce pour tous les changements */
    background-color: #fff; /* Fond blanc */
    color: #333; /* Texte foncé */
    cursor: pointer; /* Suggère l'interaction */
}

/* Survol : Change l'arrière-plan et la bordure */
.custom-select:hover[b-rg8na3zphd] {
    border-color: #5cb85c; /* Bordure verte au survol */
}

/* Effet de focus : Change la couleur de la bordure et l'ombre */
.custom-select:focus[b-rg8na3zphd] {
    border-color: var(--ul-color-red); /* Bordure bleue lorsqu'on clique */
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.5); /* Ombre autour du champ */
    outline: none; /* Enlève la bordure par défaut de focus */
}

/* Flèche personnalisée */
.custom-dropdown[b-rg8na3zphd]::after {
    /*content: '\2193';*/ /* Code Unicode pour la flèche vers le bas */
    content: '\25BC'; /* Unicode pour une flèche vers le bas */
    font-size: 18px;
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    color: var(--ul-color-black); /* Couleur de la flèche */
    pointer-events: none; /* Permet d'interagir avec le select sous la flèche */
    transition: all 0.3s ease; /* Transition pour la flèche */
}

/* Effet au survol de la flèche */
.custom-dropdown:hover[b-rg8na3zphd]::after {
    color: var(--ul-color-black); /* Change la couleur de la flèche au survol */
}

/* Si vous voulez un fond dégradé subtil */
.custom-select[b-rg8na3zphd] {
   /* background: linear-gradient(to right, #f9f9f9, #fff);*/ /* Dégradé subtil pour l'arrière-plan */
}

/* Animation au survol pour un effet doux */
.custom-select:hover[b-rg8na3zphd] {
    background-color: #f1f1f1; /* Fond légèrement grisé au survol */
    border-color: var(--ul-color-red); /* Bordure verte pour le survol */
}

/*Fin de la liste déroulante*/


.btn:focus[b-rg8na3zphd],
.form-control:focus[b-rg8na3zphd] {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem var(--ul-color-red);
    border-color: var(--ul-color-gray-light);
}

/* Style pour les messages d'erreur */
/* _content/BUL.Herbier.Web/Pages/Participer/BotanistGrid.razor.rz.scp.css */
.containerGridBotanist[b-h2p8rhc985] {
    margin-top: 10px;
    padding-bottom: 10px;
    padding-top: 12px;
    margin-left: 30px;
    width: 90%;
    background-color: #fff;
    position: relative;
    z-index: 520;
    display: flex;
    flex-direction: column; /* Empile les sections verticalement */
    align-items: flex-start;
}

.addBotanist[b-h2p8rhc985]{
    margin-bottom: 20px;
}



.btn-addBotanist[b-h2p8rhc985] {
    background-color: var(--ul-color-red);
    color: var(--ul-color-white);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    padding: 0.3rem 0.5rem;
}

.btn-addBotanist:hover[b-h2p8rhc985] {
    background-image: linear-gradient(rgb(0 0 0/20%) 0 0); /* Slightly darker red */
}


.btn-icon[b-h2p8rhc985] {
    background-color: var(--ul-color-red);
    color: var(--ul-color-white);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    padding: 0.3rem 0.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s;
}

.btn-icon:hover[b-h2p8rhc985] {
    background-image: linear-gradient(rgb(0 0 0/20%) 0 0); /* Slightly darker red */
}

.btn-icon i[b-h2p8rhc985] {
    font-size: 1rem;
    pointer-events: none; /* Ensures the click event is on the parent div */
}

.btn-icon.disabled[b-h2p8rhc985] {
    pointer-events: none; /* Empêche le clic */
    opacity: 0.6; /* Rend l'élément visuellement plus transparent */
    cursor: not-allowed; /* Change le curseur pour indiquer que l'élément est désactivé */
    background-image: none; /* Supprime le fond au survol */
    background-color: #d6d6d6; /* Fond gris pour un aspect désactivé */
    color: #7a7a7a; /* Couleur de l'icône en gris */
}

.btn-searchBotanist[b-h2p8rhc985] {
    background-color: var(--ul-color-red);
    color: var(--ul-color-white);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    padding: 0.3rem 0.5rem;
}

.btn-searchBotanist:hover[b-h2p8rhc985] {
    background-image: linear-gradient(rgb(0 0 0/20%) 0 0); /* Slightly darker red */
}


.btn-clearBotanist[b-h2p8rhc985] {
    background-color: var(--ul-color-red);
    color: var(--ul-color-white);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    padding: 0.3rem 0.5rem;
}

.btn-clearBotanist:hover[b-h2p8rhc985] {
    background-image: linear-gradient(rgb(0 0 0/20%) 0 0); /* Slightly darker red */
}


/* Liste Déroulante*/
.custom-dropdown[b-h2p8rhc985] {
    position: relative;
    width: 100%;
}

/* Personnalisation du select */
.custom-select[b-h2p8rhc985] {
    appearance: none; /* Masque la flèche par défaut */
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: $input-padding-y $input-padding-x;
    /*padding: 12px 40px 12px 12px;*/ /* Ajoute de l'espace à gauche et à droite pour le texte et la flèche */
    /*border: 2px solid #ccc;*/ /* Bordure légère pour le champ */
    border-radius: 8px; /* Coins arrondis pour un effet moderne */
    font-size: 16px; /* Police plus grande pour un meilleur rendu */
    /*font-family: 'Arial', sans-serif;*/ /* Choix de police plus moderne */
    font-family: 'Source Sans 3', sans-serif;
    transition: all 0.3s ease; /* Transition douce pour tous les changements */
    background-color: #fff; /* Fond blanc */
    color: #333; /* Texte foncé */
    cursor: pointer; /* Suggère l'interaction */
}

    /* Survol : Change l'arrière-plan et la bordure */
    .custom-select:hover[b-h2p8rhc985] {
        border-color: #5cb85c; /* Bordure verte au survol */
    }

    /* Effet de focus : Change la couleur de la bordure et l'ombre */
    .custom-select:focus[b-h2p8rhc985] {
        border-color: var(--ul-color-red); /* Bordure bleue lorsqu'on clique */
        box-shadow: 0 0 5px rgba(0, 123, 255, 0.5); /* Ombre autour du champ */
        outline: none; /* Enlève la bordure par défaut de focus */
    }

/* Flèche personnalisée */
.custom-dropdown[b-h2p8rhc985]::after {
    /*content: '\2193';*/ /* Code Unicode pour la flèche vers le bas */
    content: '\25BC'; /* Unicode pour une flèche vers le bas */
    font-size: 18px;
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    color: var(--ul-color-black); /* Couleur de la flèche */
    pointer-events: none; /* Permet d'interagir avec le select sous la flèche */
    transition: all 0.3s ease; /* Transition pour la flèche */
}

/* Effet au survol de la flèche */
.custom-dropdown:hover[b-h2p8rhc985]::after {
    color: var(--ul-color-black); /* Change la couleur de la flèche au survol */
}

/* Si vous voulez un fond dégradé subtil */
.custom-select[b-h2p8rhc985] {
    /* background: linear-gradient(to right, #f9f9f9, #fff);*/ /* Dégradé subtil pour l'arrière-plan */
}

    /* Animation au survol pour un effet doux */
    .custom-select:hover[b-h2p8rhc985] {
        background-color: #f1f1f1; /* Fond légèrement grisé au survol */
        border-color: var(--ul-color-red); /* Bordure verte pour le survol */
    }

/*Fin de la liste déroulante*/

/* _content/BUL.Herbier.Web/Pages/Participer/BotanistModal.razor.rz.scp.css */
.custom-dropdown[b-gomm6st9t2] {
    position: relative; /* Nécessaire pour positionner la flèche */
}

.custom-select[b-gomm6st9t2] {
    appearance: none; /* Masque la flèche native */
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 12px 40px 12px 12px; /* Ajoute de l'espace pour la flèche */
    border-radius: 8px; /* Coins arrondis */
    font-size: 16px;
    background-color: #fff;
    color: #333;
    cursor: pointer;
    transition: all 0.3s ease;
}

/* Pseudo-élément pour la flèche */
.custom-dropdown[b-gomm6st9t2]::after {
    content: '\25BC'; /* Unicode pour une flèche vers le bas */
    font-size: 18px;
    position: absolute;
    top: 50%;
    right: 12px; /* Positionnez à droite */
    transform: translateY(-50%); /* Centre verticalement */
    color: #333; /* Couleur de la flèche */
    pointer-events: none; /* Empêche l'interaction avec la flèche */
}

/* Survol de la liste */
.custom-select:hover[b-gomm6st9t2] {
    background-color: #f1f1f1;
    border-color: var(--ul-color-red);
}

.custom-select:focus[b-gomm6st9t2] {
    border-color: var(--ul-color-red);
    box-shadow: 0 0 5px rgba(255, 0, 0, 0.5); /* Ombre rouge */
    outline: none;
}


/*Fin de la liste déroulante*/

.form-group[b-gomm6st9t2] {
    margin-bottom: 15px;
}
/* _content/BUL.Herbier.Web/Pages/Participer/DataSetForm.razor.rz.scp.css */


input.form-control.disabled[b-jvrpredf8a] {
    background-color: #f5f5f5;
    border-color: #ccc;
    cursor: not-allowed;
    color: #999;
}

select.form-control.disabled[b-jvrpredf8a] {
    background-color: #f5f5f5; /* Couleur de fond désactivée */
    border-color: #ccc; /* Couleur de bordure désactivée */
    cursor: not-allowed; /* Curseur interdit pour indiquer l'état désactivé */
    color: #999; /* Couleur du texte désactivé */
}

/* Facultatif : Styles spécifiques pour les options désactivées */
select.form-control.disabled option[b-jvrpredf8a] {
    color: #999; /* Couleur des options désactivées */
}

.required[b-jvrpredf8a] {
    color: red;
    font-weight: bold;
}

.form-group[b-jvrpredf8a] {
    margin-bottom: 15px;
}

/*Début Toogle*/

input:disabled + .slider[b-jvrpredf8a] {
    background-color: #ddd !important; /* Gray background for disabled toggle */
    cursor: not-allowed !important; /* Prevent interaction */
}

input:disabled:checked + .slider[b-jvrpredf8a] {
    background-color: #bbb !important; /* Darker gray when checked */
}

input:disabled + .slider[b-jvrpredf8a]:before {
    background-color: #f0f0f0 !important; /* Gray circle for disabled state */
    transform: translateX(0) !important; /* Keep the circle in place */
}

/* Optional: Lower opacity for the entire toggle */
input:disabled[b-jvrpredf8a] {
    opacity: 0.6 !important; /* Make the entire toggle less opaque */
}

.toggle-switch[b-jvrpredf8a] {
    position: relative !important;
    display: inline-block !important;
    width: 60px !important; /* Réduction de la longueur */
    height: 20px !important; /* Hauteur ajustée pour rester mince */
}

.toggle-switch input[b-jvrpredf8a] {
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    position: absolute !important;
    z-index: -1 !important; /* Pour s'assurer qu'il reste en arrière-plan */
}


.slider[b-jvrpredf8a] {
    position: absolute !important;
    cursor: pointer !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background-color: #ccc !important;
    transition: .4s !important;
    border-radius: 20px !important;
}

.slider[b-jvrpredf8a]:before {
    position: absolute !important;
    content: "" !important;
    height: 16px !important; /* Taille du cercle ajustée */
    width: 16px !important;
    left: 2px !important; /* Décalage ajusté */
    bottom: 2px !important;
    background-color: white !important;
    transition: .4s !important;
    border-radius: 50% !important;
}

input:checked + .slider[b-jvrpredf8a] {
    background-color: var(--ul-color-red) !important;
}

input:checked + .slider[b-jvrpredf8a]:before {
    transform: translateX(38px) !important; /* Ajusté pour correspondre à la nouvelle largeur */
}


.toggle-switch[b-jvrpredf8a]::after {
   /* content: attr(data-tooltip);*/
    position: absolute;
    top: -30px; /* Position au-dessus du toggle */
    left: 50%;
    transform: translateX(-50%);
    background-color: #333;
    color: #fff;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    white-space: nowrap;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s, visibility 0.3s;
    pointer-events: none;
    z-index: 10;
}

/* Afficher le tooltip au survol */
.toggle-switch:hover[b-jvrpredf8a]::after {
    visibility: visible;
    opacity: 1;
}

/*Fin du Toggle*/


.btn-primary[b-jvrpredf8a] {
    background-color: var(--ul-color-red);
    color: var(--ul-color-white);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 0.9rem;
    font-weight: bold;
    padding: 0.3rem 0.5rem;
}

.btn-primary:hover[b-jvrpredf8a] {
    background-image: linear-gradient(rgb(0 0 0/20%) 0 0); /* Slightly darker red */
}

.btn-secondary[b-jvrpredf8a] {
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 0.9rem;
    font-weight: bold;
    padding: 0.3rem 0.5rem;
}

.btn-primary.disabled[b-jvrpredf8a] {
    pointer-events: none; /* Empêche le clic */
    opacity: 0.6; /* Rend l'élément visuellement plus transparent */
    cursor: not-allowed; /* Change le curseur pour indiquer que l'élément est désactivé */
    background-image: none; /* Supprime le fond au survol */
    background-color: #d6d6d6; /* Fond gris pour un aspect désactivé */
    color: #7a7a7a; /* Couleur de l'icône en gris */
}

/* Liste Déroulante*/
.custom-dropdown[b-jvrpredf8a] {
    position: relative;
    width: 100%;
}

/* Personnalisation du select */
.custom-select[b-jvrpredf8a] {
    appearance: none; /* Masque la flèche par défaut */
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: $input-padding-y $input-padding-x;
    /*padding: 12px 40px 12px 12px;*/ /* Ajoute de l'espace à gauche et à droite pour le texte et la flèche */
    /*border: 2px solid #ccc;*/ /* Bordure légère pour le champ */
    border-radius: 8px; /* Coins arrondis pour un effet moderne */
    font-size: 16px; /* Police plus grande pour un meilleur rendu */
    /*font-family: 'Arial', sans-serif;*/ /* Choix de police plus moderne */
    font-family: 'Source Sans 3', sans-serif;
    transition: all 0.3s ease; /* Transition douce pour tous les changements */
    background-color: #fff; /* Fond blanc */
    color: #333; /* Texte foncé */
    cursor: pointer; /* Suggère l'interaction */
}

/* Survol : Change l'arrière-plan et la bordure */
.custom-select:hover[b-jvrpredf8a] {
    border-color: #5cb85c; /* Bordure verte au survol */
}

/* Effet de focus : Change la couleur de la bordure et l'ombre */
.custom-select:focus[b-jvrpredf8a] {
    border-color: var(--ul-color-red); /* Bordure bleue lorsqu'on clique */
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.5); /* Ombre autour du champ */
    outline: none; /* Enlève la bordure par défaut de focus */
}

/* Flèche personnalisée */
.custom-dropdown[b-jvrpredf8a]::after {
    /*content: '\2193';*/ /* Code Unicode pour la flèche vers le bas */
    content: '\25BC'; /* Unicode pour une flèche vers le bas */
    font-size: 18px;
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    color: var(--ul-color-black); /* Couleur de la flèche */
    pointer-events: none; /* Permet d'interagir avec le select sous la flèche */
    transition: all 0.3s ease; /* Transition pour la flèche */
}

/* Effet au survol de la flèche */
.custom-dropdown:hover[b-jvrpredf8a]::after {
    color: var(--ul-color-black); /* Change la couleur de la flèche au survol */
}

/* Si vous voulez un fond dégradé subtil */
.custom-select[b-jvrpredf8a] {
   /* background: linear-gradient(to right, #f9f9f9, #fff);*/ /* Dégradé subtil pour l'arrière-plan */
}

/* Animation au survol pour un effet doux */
.custom-select:hover[b-jvrpredf8a] {
    background-color: #f1f1f1; /* Fond légèrement grisé au survol */
    border-color: var(--ul-color-red); /* Bordure verte pour le survol */
}

/*Fin de la liste déroulante*/


.btn:focus[b-jvrpredf8a],
.form-control:focus[b-jvrpredf8a] {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem var(--ul-color-red);
    border-color: var(--ul-color-gray-light);
}



.btn-icon[b-jvrpredf8a] {
    background-color: var(--ul-color-red);
    color: var(--ul-color-white);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    padding: 0.3rem 0.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s;
}

    .btn-icon:hover[b-jvrpredf8a] {
        background-image: linear-gradient(rgb(0 0 0/20%) 0 0); /* Slightly darker red */
    }

    .btn-icon i[b-jvrpredf8a] {
        font-size: 1rem;
        pointer-events: none; /* Ensures the click event is on the parent div */
    }

    .btn-icon.disabled[b-jvrpredf8a] {
        pointer-events: none; /* Empêche le clic */
        opacity: 0.6; /* Rend l'élément visuellement plus transparent */
        cursor: not-allowed; /* Change le curseur pour indiquer que l'élément est désactivé */
        background-image: none; /* Supprime le fond au survol */
        background-color: #d6d6d6; /* Fond gris pour un aspect désactivé */
        color: #7a7a7a; /* Couleur de l'icône en gris */
    }
/* _content/BUL.Herbier.Web/Pages/Participer/ExportDataBotanistGrid.razor.rz.scp.css */
.containerGridBotanistExport[b-nmyxsa12vg] {
    margin-top: 10px;
    padding-bottom: 10px;
    padding-top: 12px;
    margin-left: 30px;
    width: 90%;
    background-color: #fff;
    position: relative;
    z-index: 520;
    display: flex;
    flex-direction: column; /* Empile les sections verticalement */
    align-items: flex-start;
}

.containerMessage[b-nmyxsa12vg] {
    margin-bottom: 10px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center; /* Aligne verticalement les éléments */
}


.btn-searchBotanistExport[b-nmyxsa12vg] {
    background-color: var(--ul-color-red);
    color: var(--ul-color-white);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    padding: 0.3rem 0.5rem;
}

.btn-searchBotanistExport:hover[b-nmyxsa12vg] {
    background-image: linear-gradient(rgb(0 0 0/20%) 0 0); /* Slightly darker red */
}


.btn-clearBotanistExport[b-nmyxsa12vg] {
    background-color: var(--ul-color-red);
    color: var(--ul-color-white);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    padding: 0.3rem 0.5rem;
}

.btn-clearBotanistExport:hover[b-nmyxsa12vg] {
    background-image: linear-gradient(rgb(0 0 0/20%) 0 0); /* Slightly darker red */
}


.btn-exportBotanistExport[b-nmyxsa12vg] {
    background-color: var(--ul-color-red);
    color: var(--ul-color-white);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    padding: 0.3rem 0.5rem;
}

.btn-exportBotanistExport:hover[b-nmyxsa12vg] {
    background-image: linear-gradient(rgb(0 0 0/20%) 0 0); /* Slightly darker red */
}

.btn-exportBotanistExport.disabled[b-nmyxsa12vg] {
    pointer-events: none; /* Empêche le clic */
    opacity: 0.6; /* Rend l'élément visuellement plus transparent */
    cursor: not-allowed; /* Change le curseur pour indiquer que l'élément est désactivé */
    background-image: none; /* Supprime le fond au survol */
    background-color: #d6d6d6; /* Fond gris pour un aspect désactivé */
    color: #7a7a7a; /* Couleur de l'icône en gris */
}



.btn-exportBotanistAllExport[b-nmyxsa12vg] {
    white-space: nowrap; /* Prevents text from wrapping */
    background-color: var(--ul-color-red);
    color: var(--ul-color-white);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    padding: 0.3rem 0.5rem;
}

.btn-exportBotanistAllExport:hover[b-nmyxsa12vg] {
    background-image: linear-gradient(rgb(0 0 0/20%) 0 0); /* Slightly darker red */
}

.btn-exportBotanistAllExport.disabled[b-nmyxsa12vg] {
    pointer-events: none; /* Empêche le clic */
    opacity: 0.6; /* Rend l'élément visuellement plus transparent */
    cursor: not-allowed; /* Change le curseur pour indiquer que l'élément est désactivé */
    background-image: none; /* Supprime le fond au survol */
    background-color: #d6d6d6; /* Fond gris pour un aspect désactivé */
    color: #7a7a7a; /* Couleur de l'icône en gris */
}
/* _content/BUL.Herbier.Web/Pages/Participer/ExportDataSpecimenGrid.razor.rz.scp.css */
.containerGridSpecimenExport[b-amxeka83qa] {
    margin-top: 10px;
    padding-bottom: 10px;
    padding-top: 12px;
    margin-left: 30px;
    width: 90%;
    background-color: #fff;
    position: relative;
    z-index: 520;
    display: flex;
    flex-direction: column; /* Empile les sections verticalement */
    align-items: flex-start;
}

.containerMessage[b-amxeka83qa] {
    margin-bottom: 10px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center; /* Aligne verticalement les éléments */
}

.btn-searchSpecimenExport[b-amxeka83qa] {
    background-color: var(--ul-color-red);
    color: var(--ul-color-white);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    padding: 0.3rem 0.5rem;
}

.btn-searchSpecimenExport:hover[b-amxeka83qa] {
    background-image: linear-gradient(rgb(0 0 0/20%) 0 0); /* Slightly darker red */
}


.btn-clearSpecimenExport[b-amxeka83qa] {
    background-color: var(--ul-color-red);
    color: var(--ul-color-white);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    padding: 0.3rem 0.5rem;
}

.btn-clearSpecimenExport:hover[b-amxeka83qa] {
    background-image: linear-gradient(rgb(0 0 0/20%) 0 0); /* Slightly darker red */
}


.btn-exportSpecimenExport[b-amxeka83qa] {
    background-color: var(--ul-color-red);
    color: var(--ul-color-white);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    padding: 0.3rem 0.5rem;
}

.btn-exportSpecimenExport:hover[b-amxeka83qa] {
    background-image: linear-gradient(rgb(0 0 0/20%) 0 0); /* Slightly darker red */
}

.btn-exportSpecimenExport.disabled[b-amxeka83qa] {
    pointer-events: none; /* Empêche le clic */
    opacity: 0.6; /* Rend l'élément visuellement plus transparent */
    cursor: not-allowed; /* Change le curseur pour indiquer que l'élément est désactivé */
    background-image: none; /* Supprime le fond au survol */
    background-color: #d6d6d6; /* Fond gris pour un aspect désactivé */
    color: #7a7a7a; /* Couleur de l'icône en gris */
}

/* _content/BUL.Herbier.Web/Pages/Participer/ExportJson.razor.rz.scp.css */
.containerExportJson[b-ur4z7cmrid] {
    margin-top: 10px;
    padding-bottom: 10px;
    padding-top: 12px;
    margin-left: 30px;
    width: 90%;
    background-color: #fff;
    position: relative;
    z-index: 520;
    display: flex;
    flex-direction: column; /* Empile les sections verticalement */
    align-items: flex-start;
}


.btn-searchExportJson[b-ur4z7cmrid] {
    background-color: var(--ul-color-red);
    color: var(--ul-color-white);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    padding: 0.3rem 0.5rem;
}

.btn-searchExportJson:hover[b-ur4z7cmrid] {
    background-image: linear-gradient(rgb(0 0 0/20%) 0 0); /* Slightly darker red */
}


/* _content/BUL.Herbier.Web/Pages/Participer/ExportQfaToQfasGrid.razor.rz.scp.css */
.containerGridBlobs[b-1nra4htqw5] {
    margin-top: 10px;
    padding-bottom: 10px;
    padding-top: 12px;
    margin-left: 30px;
    width: 90%;
    background-color: #fff;
    position: relative;
    z-index: 520;
    display: flex;
    flex-direction: column; /* Empile les sections verticalement */
    align-items: flex-start;
}


.containerMessage[b-1nra4htqw5] {
    margin-bottom: 10px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center; /* Aligne verticalement les éléments */
}


.btn-searchBlobs[b-1nra4htqw5] {
    background-color: var(--ul-color-red);
    color: var(--ul-color-white);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    padding: 0.3rem 0.5rem;
}

.btn-searchBlobs:hover[b-1nra4htqw5] {
    background-image: linear-gradient(rgb(0 0 0/20%) 0 0); /* Slightly darker red */
}


.btn-clearBlobs[b-1nra4htqw5] {
    background-color: var(--ul-color-red);
    color: var(--ul-color-white);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    padding: 0.3rem 0.5rem;
}

.btn-clearBlobs:hover[b-1nra4htqw5] {
    background-image: linear-gradient(rgb(0 0 0/20%) 0 0); /* Slightly darker red */
}


.btn-icon[b-1nra4htqw5] {
    background-color: var(--ul-color-red);
    color: var(--ul-color-white);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    padding: 0.3rem 0.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s;
}

    .btn-icon:hover[b-1nra4htqw5] {
        background-image: linear-gradient(rgb(0 0 0/20%) 0 0); /* Slightly darker red */
    }

    .btn-icon i[b-1nra4htqw5] {
        font-size: 1rem;
        pointer-events: none; /* Ensures the click event is on the parent div */
    }

    .btn-icon.disabled[b-1nra4htqw5] {
        pointer-events: none; /* Empêche le clic */
        opacity: 0.6; /* Rend l'élément visuellement plus transparent */
        cursor: not-allowed; /* Change le curseur pour indiquer que l'élément est désactivé */
        background-image: none; /* Supprime le fond au survol */
        background-color: #d6d6d6; /* Fond gris pour un aspect désactivé */
        color: #7a7a7a; /* Couleur de l'icône en gris */
    }
/* _content/BUL.Herbier.Web/Pages/Participer/Hello.razor.rz.scp.css */
.text-style-message[b-njd87951sh] {
    font-weight: bold;
}

.message[b-njd87951sh] {
    margin-top: 10px;
}
/* _content/BUL.Herbier.Web/Pages/Participer/Home.razor.rz.scp.css */
/*.text-style-message {
    font-weight: bold;
}*/

.containerMessage[b-b9vlkk4psp] {
    margin-top: 10px;
    padding-bottom: 10px;
    padding-top: 12px;
    margin-left: 30px;
    width: 90%;
    background-color: #fff;
    position: relative;
    z-index: 520;
    display: flex;
    flex-direction: column; /* Empile les sections verticalement */
    align-items: flex-start;
}

/*.message{
    margin-top:10px;
}*/

.containerSquare[b-b9vlkk4psp] {
    display: flex;
    flex-wrap: wrap; /* Permet aux éléments de passer à la ligne */
    width: 70%; /* Largeur ajustée pour inclure l'espace */
    margin: 0; /* Centre horizontalement le conteneur */
    gap: 20px; /* Ajoute un espace uniforme entre les carrés */
    margin-top: 30px;
}

.box[b-b9vlkk4psp] {
    width: 250px; /* Largeur de chaque carré */
    height: 150px; /* Hauteur de chaque carré */
    background: rgba(200, 200, 200, 0.9); /* Arrière-plan blanc semi-transparent */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); /* Ombre légèrement plus marquée */
    padding: 2rem;
    border-radius: 8px;
    display: flex;
    justify-content: center; /* Centre le contenu horizontalement */
    align-items: center; /* Centre le contenu verticalement */
    font-size: 24px; /* Taille du texte à l'intérieur */
    font-weight: bold;
    text-align: center;
    /* Nouveau style */
    cursor: pointer; /* Change le curseur en main */
}

.box:hover[b-b9vlkk4psp] {
    background: rgba(180, 180, 180, 0.9); /* Change l'arrière-plan au survol */
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5); /* Accentue l'ombre au survol */
}

.box.disabled[b-b9vlkk4psp] {
    background: rgba(200, 200, 200, 0.5); /* Couleur grise plus claire */
    box-shadow: none; /* Supprime l'ombre */
    pointer-events: none; /* Désactive les événements de souris (non cliquable) */
    cursor: not-allowed; /* Change le curseur pour indiquer que l'élément est désactivé */
    color: rgba(100, 100, 100, 0.6); /* Texte plus gris pâle */
}

/* _content/BUL.Herbier.Web/Pages/Participer/IAPrompt.razor.rz.scp.css */
.containerPrompt[b-f8vfln7yal] {
    margin-top: 10px;
    padding-bottom: 10px;
    padding-top: 12px;
    margin-left: 30px;
    width: 90%;
    background-color: #fff;
    position: relative;
    z-index: 520;
    display: flex;
    flex-direction: column; /* Empile les sections verticalement */
    align-items: flex-start;
}

.divGridPrompt[b-f8vfln7yal] {
    margin-top: 10px;
    padding-bottom: 10px;
    padding-top: 12px;
    width: 90%;
    background-color: #fff;
    position: relative;
    z-index: 520;
    display: flex;
    flex-direction: column; /* Empile les sections verticalement */
    align-items: flex-start;
}



.addPrompt[b-f8vfln7yal] {
    margin-bottom: 20px;
}


.required[b-f8vfln7yal] {
    color: red;
    font-weight: bold;
}

.btn-addPrompt[b-f8vfln7yal] {
    background-color: var(--ul-color-red);
    color: var(--ul-color-white);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    padding: 0.3rem 0.5rem;
}

.btn-addPrompt:hover[b-f8vfln7yal] {
    background-image: linear-gradient(rgb(0 0 0/20%) 0 0); /* Slightly darker red */
}



.btn-icon[b-f8vfln7yal] {
    background-color: var(--ul-color-red);
    color: var(--ul-color-white);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    padding: 0.3rem 0.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s;
}

.btn-icon:hover[b-f8vfln7yal] {
    background-image: linear-gradient(rgb(0 0 0/20%) 0 0); /* Slightly darker red */
}

.btn-icon i[b-f8vfln7yal] {
    font-size: 1rem;
    pointer-events: none; /* Ensures the click event is on the parent div */
}

.btn-icon.disabled[b-f8vfln7yal] {
    pointer-events: none; /* Empêche le clic */
    opacity: 0.6; /* Rend l'élément visuellement plus transparent */
    cursor: not-allowed; /* Change le curseur pour indiquer que l'élément est désactivé */
    background-image: none; /* Supprime le fond au survol */
    background-color: #d6d6d6; /* Fond gris pour un aspect désactivé */
    color: #7a7a7a; /* Couleur de l'icône en gris */
}

.blazor-tooltip-wrapper[b-f8vfln7yal] {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.blazor-tooltip-box[b-f8vfln7yal] {
    position: absolute;
    background-color: #f9f9f9;
    color: black;
    padding: 10px;
    border: 1px solid #ccc;
    z-index: 1000;
    white-space: pre-wrap;
    font-family: monospace;
    font-size: 12px;
    max-width: 400px;
    max-height: 300px;
    overflow: auto;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
    top: 100%;
    left: 0;
    display: none;
}

.blazor-tooltip-wrapper:hover .blazor-tooltip-box[b-f8vfln7yal] {
    display: block;
}

/*
    .selected-items, .span-selected-item: Adds margin to selected items in dropdowns.
*/
.bg-primary[b-f8vfln7yal] {
    background-color: var(--ul-color-red) !important;
}

.selected-items[b-f8vfln7yal] {
    margin-top: 0.5vh;
    margin-bottom: 2vh;
}

.span-selected-item[b-f8vfln7yal] {
    margin-top: 0.5vh !important;
}
/* _content/BUL.Herbier.Web/Pages/Participer/ImageManagerGrid.razor.rz.scp.css */
.containerGridImage[b-z7y2ojs0k6] {
    margin-top: 10px;
    padding-bottom: 10px;
    padding-top: 12px;
    margin-left: 30px;
    width: 90%;
    background-color: #fff;
    position: relative;
    z-index: 520;
    display: flex;
    flex-direction: column; /* Empile les sections verticalement */
    align-items: flex-start;
}

.addAddImageAvalaible[b-z7y2ojs0k6] {
    margin-bottom: 20px;
}



.btn-addAddImageAvalaible[b-z7y2ojs0k6] {
    background-color: var(--ul-color-red);
    color: var(--ul-color-white);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    padding: 0.3rem 0.5rem;
}

.btn-addAddImageAvalaible:hover[b-z7y2ojs0k6] {
    background-image: linear-gradient(rgb(0 0 0/20%) 0 0); /* Slightly darker red */
}


.btn-icon[b-z7y2ojs0k6] {
    background-color: var(--ul-color-red);
    color: var(--ul-color-white);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    padding: 0.3rem 0.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s;
}

.btn-icon:hover[b-z7y2ojs0k6] {
    background-image: linear-gradient(rgb(0 0 0/20%) 0 0); /* Slightly darker red */
}

.btn-icon i[b-z7y2ojs0k6] {
    font-size: 1rem;
    pointer-events: none; /* Ensures the click event is on the parent div */
}

.btn-icon.disabled[b-z7y2ojs0k6] {
    pointer-events: none; /* Empêche le clic */
    opacity: 0.6; /* Rend l'élément visuellement plus transparent */
    cursor: not-allowed; /* Change le curseur pour indiquer que l'élément est désactivé */
    background-image: none; /* Supprime le fond au survol */
    background-color: #d6d6d6; /* Fond gris pour un aspect désactivé */
    color: #7a7a7a; /* Couleur de l'icône en gris */
}

.btn-searchImage[b-z7y2ojs0k6] {
    background-color: var(--ul-color-red);
    color: var(--ul-color-white);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    padding: 0.3rem 0.5rem;
}

.btn-searchImage:hover[b-z7y2ojs0k6] {
    background-image: linear-gradient(rgb(0 0 0/20%) 0 0); /* Slightly darker red */
}


.btn-clearImage[b-z7y2ojs0k6] {
    background-color: var(--ul-color-red);
    color: var(--ul-color-white);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    padding: 0.3rem 0.5rem;
}

.btn-clearImage:hover[b-z7y2ojs0k6] {
    background-image: linear-gradient(rgb(0 0 0/20%) 0 0); /* Slightly darker red */
}


.blazor-tooltip-wrapper[b-z7y2ojs0k6] {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.blazor-tooltip-box[b-z7y2ojs0k6] {
    position: absolute;
    background-color: #f9f9f9;
    color: black;
    padding: 10px;
    border: 1px solid #ccc;
    z-index: 1000;
    white-space: pre-wrap;
    font-family: monospace;
    font-size: 12px;
    max-width: 400px;
    max-height: 300px;
    overflow: auto;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
    top: 100%;
    left: 0;
    display: none;
}

.blazor-tooltip-wrapper:hover .blazor-tooltip-box[b-z7y2ojs0k6] {
    display: block;
}
/* _content/BUL.Herbier.Web/Pages/Participer/ImportDataBotanistGrid.razor.rz.scp.css */
.containerGridBlobs[b-p5szfylele] {
    margin-top: 10px;
    padding-bottom: 10px;
    padding-top: 12px;
    margin-left: 30px;
    width: 90%;
    background-color: #fff;
    position: relative;
    z-index: 520;
    display: flex;
    flex-direction: column; /* Empile les sections verticalement */
    align-items: flex-start;
}

.containerMessage[b-p5szfylele] {
    margin-bottom: 10px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center; /* Aligne verticalement les éléments */
}


.btn-searchBlobs[b-p5szfylele] {
    background-color: var(--ul-color-red);
    color: var(--ul-color-white);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    padding: 0.3rem 0.5rem;
}

.btn-searchBlobs:hover[b-p5szfylele] {
    background-image: linear-gradient(rgb(0 0 0/20%) 0 0); /* Slightly darker red */
}


.btn-clearBlobs[b-p5szfylele] {
    background-color: var(--ul-color-red);
    color: var(--ul-color-white);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    padding: 0.3rem 0.5rem;
}

.btn-clearBlobs:hover[b-p5szfylele] {
    background-image: linear-gradient(rgb(0 0 0/20%) 0 0); /* Slightly darker red */
}


.btn-icon[b-p5szfylele] {
    background-color: var(--ul-color-red);
    color: var(--ul-color-white);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    padding: 0.3rem 0.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s;
}

    .btn-icon:hover[b-p5szfylele] {
        background-image: linear-gradient(rgb(0 0 0/20%) 0 0); /* Slightly darker red */
    }

    .btn-icon i[b-p5szfylele] {
        font-size: 1rem;
        pointer-events: none; /* Ensures the click event is on the parent div */
    }

    .btn-icon.disabled[b-p5szfylele] {
        pointer-events: none; /* Empêche le clic */
        opacity: 0.6; /* Rend l'élément visuellement plus transparent */
        cursor: not-allowed; /* Change le curseur pour indiquer que l'élément est désactivé */
        background-image: none; /* Supprime le fond au survol */
        background-color: #d6d6d6; /* Fond gris pour un aspect désactivé */
        color: #7a7a7a; /* Couleur de l'icône en gris */
    }
/* _content/BUL.Herbier.Web/Pages/Participer/ImportDataSetGrid.razor.rz.scp.css */
.required[b-ejfp0bw64z] {
    color: red;
    font-weight: bold;
}

.containerGridBlobs[b-ejfp0bw64z] {
  /*  margin-top: 10px;*/
    padding-bottom: 10px;
   /* padding-top: 12px;*/
    margin-left: 30px;
    width: 90%;
    background-color: #fff;
    position: relative;
    z-index: 520;
    display: flex;
    flex-direction: column; /* Empile les sections verticalement */
    align-items: flex-start;
}

.containerMessage[b-ejfp0bw64z] {
    margin-bottom: 10px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center; /* Aligne verticalement les éléments */
}


.btn-searchBlobs[b-ejfp0bw64z] {
    background-color: var(--ul-color-red);
    color: var(--ul-color-white);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    padding: 0.3rem 0.5rem;
}

.btn-searchBlobs:hover[b-ejfp0bw64z] {
    background-image: linear-gradient(rgb(0 0 0/20%) 0 0); /* Slightly darker red */
}


.btn-clearBlobs[b-ejfp0bw64z] {
    background-color: var(--ul-color-red);
    color: var(--ul-color-white);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    padding: 0.3rem 0.5rem;
}

.btn-clearBlobs:hover[b-ejfp0bw64z] {
    background-image: linear-gradient(rgb(0 0 0/20%) 0 0); /* Slightly darker red */
}


.btn-icon[b-ejfp0bw64z] {
    background-color: var(--ul-color-red);
    color: var(--ul-color-white);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    padding: 0.3rem 0.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s;
}

.btn-icon:hover[b-ejfp0bw64z] {
    background-image: linear-gradient(rgb(0 0 0/20%) 0 0); /* Slightly darker red */
}

.btn-icon i[b-ejfp0bw64z] {
    font-size: 1rem;
    pointer-events: none; /* Ensures the click event is on the parent div */
}

.btn-icon.disabled[b-ejfp0bw64z] {
    pointer-events: none; /* Empêche le clic */
    opacity: 0.6; /* Rend l'élément visuellement plus transparent */
    cursor: not-allowed; /* Change le curseur pour indiquer que l'élément est désactivé */
    background-image: none; /* Supprime le fond au survol */
    background-color: #d6d6d6; /* Fond gris pour un aspect désactivé */
    color: #7a7a7a; /* Couleur de l'icône en gris */
}



.btn-launchImportDataSet[b-ejfp0bw64z] {
    background-color: var(--ul-color-red);
    color: var(--ul-color-white);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    padding: 0.3rem 0.5rem;
}

.btn-launchImportDataSet:hover[b-ejfp0bw64z] {
    background-image: linear-gradient(rgb(0 0 0/20%) 0 0); /* Slightly darker red */
}


/* Liste Déroulante*/
.custom-dropdown[b-ejfp0bw64z] {
    position: relative;
    width: 100%;
}

/* Personnalisation du select */
.custom-select[b-ejfp0bw64z] {
    appearance: none; /* Masque la flèche par défaut */
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: $input-padding-y $input-padding-x;
    /*padding: 12px 40px 12px 12px;*/ /* Ajoute de l'espace à gauche et à droite pour le texte et la flèche */
    /*border: 2px solid #ccc;*/ /* Bordure légère pour le champ */
    border-radius: 8px; /* Coins arrondis pour un effet moderne */
    font-size: 16px; /* Police plus grande pour un meilleur rendu */
    /*font-family: 'Arial', sans-serif;*/ /* Choix de police plus moderne */
    font-family: 'Source Sans 3', sans-serif;
    transition: all 0.3s ease; /* Transition douce pour tous les changements */
    background-color: #fff; /* Fond blanc */
    color: #333; /* Texte foncé */
    cursor: pointer; /* Suggère l'interaction */
}

    /* Survol : Change l'arrière-plan et la bordure */
    .custom-select:hover[b-ejfp0bw64z] {
        border-color: #5cb85c; /* Bordure verte au survol */
    }

    /* Effet de focus : Change la couleur de la bordure et l'ombre */
    .custom-select:focus[b-ejfp0bw64z] {
        border-color: var(--ul-color-red); /* Bordure bleue lorsqu'on clique */
        box-shadow: 0 0 5px rgba(0, 123, 255, 0.5); /* Ombre autour du champ */
        outline: none; /* Enlève la bordure par défaut de focus */
    }

/* Flèche personnalisée */
.custom-dropdown[b-ejfp0bw64z]::after {
    /*content: '\2193';*/ /* Code Unicode pour la flèche vers le bas */
    content: '\25BC'; /* Unicode pour une flèche vers le bas */
    font-size: 18px;
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    color: var(--ul-color-black); /* Couleur de la flèche */
    pointer-events: none; /* Permet d'interagir avec le select sous la flèche */
    transition: all 0.3s ease; /* Transition pour la flèche */
}

/* Effet au survol de la flèche */
.custom-dropdown:hover[b-ejfp0bw64z]::after {
    color: var(--ul-color-black); /* Change la couleur de la flèche au survol */
}

/* Si vous voulez un fond dégradé subtil */
.custom-select[b-ejfp0bw64z] {
    /* background: linear-gradient(to right, #f9f9f9, #fff);*/ /* Dégradé subtil pour l'arrière-plan */
}

    /* Animation au survol pour un effet doux */
    .custom-select:hover[b-ejfp0bw64z] {
        background-color: #f1f1f1; /* Fond légèrement grisé au survol */
        border-color: var(--ul-color-red); /* Bordure verte pour le survol */
    }

/*Fin de la liste déroulante*/
.dropdown-and-button[b-ejfp0bw64z] {
    display: flex;
    align-items: center;
    gap: 10px; /* Espace entre la dropdown et le bouton */
}

    .dropdown-and-button .custom-dropdown[b-ejfp0bw64z],
    .dropdown-and-button .launchImportDataSet[b-ejfp0bw64z] {
        margin-bottom: 0; /* Supprime le `mb-2` de chaque bloc */
        flex-shrink: 1;
    }
/* _content/BUL.Herbier.Web/Pages/Participer/ImportExportDataPage.razor.rz.scp.css */
.containerSelectSpecimenExport[b-uv9n1zn3sd] {
    margin-top: 10px;
    padding-bottom: 10px;
    padding-top: 12px;
    margin-left: 30px;
    width: 90%;
    background-color: #fff;
    position: relative;
    z-index: 520;
    display: flex;
    flex-direction: column; /* Empile les sections verticalement */
    align-items: flex-start;
}

.required[b-uv9n1zn3sd] {
    color: red;
    font-weight: bold;
}

/* Liste Déroulante*/
.custom-dropdown[b-uv9n1zn3sd] {
    position: relative;
    width: 100%;
}

/* Personnalisation du select */
.custom-select[b-uv9n1zn3sd] {
    appearance: none; /* Masque la flèche par défaut */
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: $input-padding-y $input-padding-x;
    /*padding: 12px 40px 12px 12px;*/ /* Ajoute de l'espace à gauche et à droite pour le texte et la flèche */
    /*border: 2px solid #ccc;*/ /* Bordure légère pour le champ */
    border-radius: 8px; /* Coins arrondis pour un effet moderne */
    font-size: 16px; /* Police plus grande pour un meilleur rendu */
    /*font-family: 'Arial', sans-serif;*/ /* Choix de police plus moderne */
    font-family: 'Source Sans 3', sans-serif;
    transition: all 0.3s ease; /* Transition douce pour tous les changements */
    background-color: #fff; /* Fond blanc */
    color: #333; /* Texte foncé */
    cursor: pointer; /* Suggère l'interaction */
}

    /* Survol : Change l'arrière-plan et la bordure */
    .custom-select:hover[b-uv9n1zn3sd] {
        border-color: #5cb85c; /* Bordure verte au survol */
    }

    /* Effet de focus : Change la couleur de la bordure et l'ombre */
    .custom-select:focus[b-uv9n1zn3sd] {
        border-color: var(--ul-color-red); /* Bordure bleue lorsqu'on clique */
        box-shadow: 0 0 5px rgba(0, 123, 255, 0.5); /* Ombre autour du champ */
        outline: none; /* Enlève la bordure par défaut de focus */
    }

/* Flèche personnalisée */
.custom-dropdown[b-uv9n1zn3sd]::after {
    /*content: '\2193';*/ /* Code Unicode pour la flèche vers le bas */
    content: '\25BC'; /* Unicode pour une flèche vers le bas */
    font-size: 18px;
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    color: var(--ul-color-black); /* Couleur de la flèche */
    pointer-events: none; /* Permet d'interagir avec le select sous la flèche */
    transition: all 0.3s ease; /* Transition pour la flèche */
}

/* Effet au survol de la flèche */
.custom-dropdown:hover[b-uv9n1zn3sd]::after {
    color: var(--ul-color-black); /* Change la couleur de la flèche au survol */
}

/* Si vous voulez un fond dégradé subtil */
.custom-select[b-uv9n1zn3sd] {
    /* background: linear-gradient(to right, #f9f9f9, #fff);*/ /* Dégradé subtil pour l'arrière-plan */
}

    /* Animation au survol pour un effet doux */
    .custom-select:hover[b-uv9n1zn3sd] {
        background-color: #f1f1f1; /* Fond légèrement grisé au survol */
        border-color: var(--ul-color-red); /* Bordure verte pour le survol */
    }

/*Fin de la liste déroulante*/

/* _content/BUL.Herbier.Web/Pages/Participer/ImportSynonymGrid.razor.rz.scp.css */
.containerGridBlobs[b-k8hwlbc7zw] {
   /* margin-top: 10px;
    padding-bottom: 10px;
    padding-top: 12px;*/
    margin-left: 30px;
    width: 90%;
    background-color: #fff;
    position: relative;
    z-index: 520;
    display: flex;
    flex-direction: column; /* Empile les sections verticalement */
    align-items: flex-start;
}

.containerMessage[b-k8hwlbc7zw] {
   /* margin-bottom: 10px;*/
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center; /* Aligne verticalement les éléments */
}


.btn-searchBlobs[b-k8hwlbc7zw] {
    background-color: var(--ul-color-red);
    color: var(--ul-color-white);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    padding: 0.3rem 0.5rem;
}

    .btn-searchBlobs:hover[b-k8hwlbc7zw] {
        background-image: linear-gradient(rgb(0 0 0/20%) 0 0); /* Slightly darker red */
    }


.btn-clearBlobs[b-k8hwlbc7zw] {
    background-color: var(--ul-color-red);
    color: var(--ul-color-white);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    padding: 0.3rem 0.5rem;
}

    .btn-clearBlobs:hover[b-k8hwlbc7zw] {
        background-image: linear-gradient(rgb(0 0 0/20%) 0 0); /* Slightly darker red */
    }


.btn-icon[b-k8hwlbc7zw] {
    background-color: var(--ul-color-red);
    color: var(--ul-color-white);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    padding: 0.3rem 0.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s;
}

    .btn-icon:hover[b-k8hwlbc7zw] {
        background-image: linear-gradient(rgb(0 0 0/20%) 0 0); /* Slightly darker red */
    }

    .btn-icon i[b-k8hwlbc7zw] {
        font-size: 1rem;
        pointer-events: none; /* Ensures the click event is on the parent div */
    }

    .btn-icon.disabled[b-k8hwlbc7zw] {
        pointer-events: none; /* Empêche le clic */
        opacity: 0.6; /* Rend l'élément visuellement plus transparent */
        cursor: not-allowed; /* Change le curseur pour indiquer que l'élément est désactivé */
        background-image: none; /* Supprime le fond au survol */
        background-color: #d6d6d6; /* Fond gris pour un aspect désactivé */
        color: #7a7a7a; /* Couleur de l'icône en gris */
    }


.btn-launchImportSynonym[b-k8hwlbc7zw] {
    background-color: var(--ul-color-red);
    color: var(--ul-color-white);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    padding: 0.3rem 0.5rem;
}

.btn-launchImportSynonym:hover[b-k8hwlbc7zw] {
    background-image: linear-gradient(rgb(0 0 0/20%) 0 0); /* Slightly darker red */
}
.required[b-k8hwlbc7zw] {
    color: red;
    font-weight: bold;
}


/* Liste Déroulante*/
.custom-dropdown[b-k8hwlbc7zw] {
    position: relative;
    width: 100%;
}

/* Personnalisation du select */
.custom-select[b-k8hwlbc7zw] {
    appearance: none; /* Masque la flèche par défaut */
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: $input-padding-y $input-padding-x;
    /*padding: 12px 40px 12px 12px;*/ /* Ajoute de l'espace à gauche et à droite pour le texte et la flèche */
    /*border: 2px solid #ccc;*/ /* Bordure légère pour le champ */
    border-radius: 8px; /* Coins arrondis pour un effet moderne */
    font-size: 16px; /* Police plus grande pour un meilleur rendu */
    /*font-family: 'Arial', sans-serif;*/ /* Choix de police plus moderne */
    font-family: 'Source Sans 3', sans-serif;
    transition: all 0.3s ease; /* Transition douce pour tous les changements */
    background-color: #fff; /* Fond blanc */
    color: #333; /* Texte foncé */
    cursor: pointer; /* Suggère l'interaction */
}

    /* Survol : Change l'arrière-plan et la bordure */
    .custom-select:hover[b-k8hwlbc7zw] {
        border-color: #5cb85c; /* Bordure verte au survol */
    }

    /* Effet de focus : Change la couleur de la bordure et l'ombre */
    .custom-select:focus[b-k8hwlbc7zw] {
        border-color: var(--ul-color-red); /* Bordure bleue lorsqu'on clique */
        box-shadow: 0 0 5px rgba(0, 123, 255, 0.5); /* Ombre autour du champ */
        outline: none; /* Enlève la bordure par défaut de focus */
    }

/* Flèche personnalisée */
.custom-dropdown[b-k8hwlbc7zw]::after {
    /*content: '\2193';*/ /* Code Unicode pour la flèche vers le bas */
    content: '\25BC'; /* Unicode pour une flèche vers le bas */
    font-size: 18px;
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    color: var(--ul-color-black); /* Couleur de la flèche */
    pointer-events: none; /* Permet d'interagir avec le select sous la flèche */
    transition: all 0.3s ease; /* Transition pour la flèche */
}

/* Effet au survol de la flèche */
.custom-dropdown:hover[b-k8hwlbc7zw]::after {
    color: var(--ul-color-black); /* Change la couleur de la flèche au survol */
}

/* Si vous voulez un fond dégradé subtil */
.custom-select[b-k8hwlbc7zw] {
    /* background: linear-gradient(to right, #f9f9f9, #fff);*/ /* Dégradé subtil pour l'arrière-plan */
}

    /* Animation au survol pour un effet doux */
    .custom-select:hover[b-k8hwlbc7zw] {
        background-color: #f1f1f1; /* Fond légèrement grisé au survol */
        border-color: var(--ul-color-red); /* Bordure verte pour le survol */
    }

/*Fin de la liste déroulante*/
.dropdown-and-button[b-k8hwlbc7zw] {
    display: flex;
    align-items: center;
    gap: 10px; /* Espace entre la dropdown et le bouton */
}

    .dropdown-and-button .custom-dropdown[b-k8hwlbc7zw],
    .dropdown-and-button .launchImportDataSet[b-k8hwlbc7zw] {
        margin-bottom: 0; /* Supprime le `mb-2` de chaque bloc */
        flex-shrink: 1;
    }
/* _content/BUL.Herbier.Web/Pages/Participer/JobGrid.razor.rz.scp.css */
.containerGridExportJob[b-bxm6jrwsej] {
    margin-top: 10px;
    padding-bottom: 10px;
    padding-top: 12px;
    margin-left: 30px;
    width: 90%;
    background-color: #fff;
    position: relative;
    z-index: 520;
    display: flex;
    flex-direction: column; /* Empile les sections verticalement */
    align-items: flex-start;
}


.btn-searchExportJob[b-bxm6jrwsej] {
    background-color: var(--ul-color-red);
    color: var(--ul-color-white);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    padding: 0.3rem 0.5rem;
}

.btn-searchExportJob:hover[b-bxm6jrwsej] {
    background-image: linear-gradient(rgb(0 0 0/20%) 0 0); /* Slightly darker red */
}


.btn-clearExportJob[b-bxm6jrwsej] {
    background-color: var(--ul-color-red);
    color: var(--ul-color-white);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    padding: 0.3rem 0.5rem;
}

.btn-clearExportJob:hover[b-bxm6jrwsej] {
    background-image: linear-gradient(rgb(0 0 0/20%) 0 0); /* Slightly darker red */
}


.btn-clearExportJob[b-bxm6jrwsej] {
    background-color: var(--ul-color-red);
    color: var(--ul-color-white);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    padding: 0.3rem 0.5rem;
}

.btn-clearExportJob:hover[b-bxm6jrwsej] {
    background-image: linear-gradient(rgb(0 0 0/20%) 0 0); /* Slightly darker red */
}

.btn-clearExportJob.disabled[b-bxm6jrwsej] {
    pointer-events: none; /* Empêche le clic */
    opacity: 0.6; /* Rend l'élément visuellement plus transparent */
    cursor: not-allowed; /* Change le curseur pour indiquer que l'élément est désactivé */
    background-image: none; /* Supprime le fond au survol */
    background-color: #d6d6d6; /* Fond gris pour un aspect désactivé */
    color: #7a7a7a; /* Couleur de l'icône en gris */
}

.btn-icon[b-bxm6jrwsej] {
    background-color: var(--ul-color-red);
    color: var(--ul-color-white);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    padding: 0.3rem 0.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s;
}

    .btn-icon:hover[b-bxm6jrwsej] {
        background-image: linear-gradient(rgb(0 0 0/20%) 0 0); /* Slightly darker red */
    }

    .btn-icon i[b-bxm6jrwsej] {
        font-size: 1rem;
        pointer-events: none; /* Ensures the click event is on the parent div */
    }

    .btn-icon.disabled[b-bxm6jrwsej] {
        pointer-events: none; /* Empêche le clic */
        opacity: 0.6; /* Rend l'élément visuellement plus transparent */
        cursor: not-allowed; /* Change le curseur pour indiquer que l'élément est désactivé */
        background-image: none; /* Supprime le fond au survol */
        background-color: #d6d6d6; /* Fond gris pour un aspect désactivé */
        color: #7a7a7a; /* Couleur de l'icône en gris */
    }

/* _content/BUL.Herbier.Web/Pages/Participer/JobPage.razor.rz.scp.css */
.containerSelectSpecimenExport[b-9vyn3thq49] {
    margin-top: 10px;
    padding-bottom: 10px;
    padding-top: 12px;
    margin-left: 30px;
    width: 90%;
    background-color: #fff;
    position: relative;
    z-index: 520;
    display: flex;
    flex-direction: column; /* Empile les sections verticalement */
    align-items: flex-start;
}

.required[b-9vyn3thq49] {
    color: red;
    font-weight: bold;
}

/* Liste Déroulante*/
.custom-dropdown[b-9vyn3thq49] {
    position: relative;
    width: 100%;
}

/* Personnalisation du select */
.custom-select[b-9vyn3thq49] {
    appearance: none; /* Masque la flèche par défaut */
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: $input-padding-y $input-padding-x;
    /*padding: 12px 40px 12px 12px;*/ /* Ajoute de l'espace à gauche et à droite pour le texte et la flèche */
    /*border: 2px solid #ccc;*/ /* Bordure légère pour le champ */
    border-radius: 8px; /* Coins arrondis pour un effet moderne */
    font-size: 16px; /* Police plus grande pour un meilleur rendu */
    /*font-family: 'Arial', sans-serif;*/ /* Choix de police plus moderne */
    font-family: 'Source Sans 3', sans-serif;
    transition: all 0.3s ease; /* Transition douce pour tous les changements */
    background-color: #fff; /* Fond blanc */
    color: #333; /* Texte foncé */
    cursor: pointer; /* Suggère l'interaction */
}

    /* Survol : Change l'arrière-plan et la bordure */
    .custom-select:hover[b-9vyn3thq49] {
        border-color: #5cb85c; /* Bordure verte au survol */
    }

    /* Effet de focus : Change la couleur de la bordure et l'ombre */
    .custom-select:focus[b-9vyn3thq49] {
        border-color: var(--ul-color-red); /* Bordure bleue lorsqu'on clique */
        box-shadow: 0 0 5px rgba(0, 123, 255, 0.5); /* Ombre autour du champ */
        outline: none; /* Enlève la bordure par défaut de focus */
    }

/* Flèche personnalisée */
.custom-dropdown[b-9vyn3thq49]::after {
    /*content: '\2193';*/ /* Code Unicode pour la flèche vers le bas */
    content: '\25BC'; /* Unicode pour une flèche vers le bas */
    font-size: 18px;
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    color: var(--ul-color-black); /* Couleur de la flèche */
    pointer-events: none; /* Permet d'interagir avec le select sous la flèche */
    transition: all 0.3s ease; /* Transition pour la flèche */
}

/* Effet au survol de la flèche */
.custom-dropdown:hover[b-9vyn3thq49]::after {
    color: var(--ul-color-black); /* Change la couleur de la flèche au survol */
}

/* Si vous voulez un fond dégradé subtil */
.custom-select[b-9vyn3thq49] {
    /* background: linear-gradient(to right, #f9f9f9, #fff);*/ /* Dégradé subtil pour l'arrière-plan */
}

    /* Animation au survol pour un effet doux */
    .custom-select:hover[b-9vyn3thq49] {
        background-color: #f1f1f1; /* Fond légèrement grisé au survol */
        border-color: var(--ul-color-red); /* Bordure verte pour le survol */
    }

/*Fin de la liste déroulante*/

/* _content/BUL.Herbier.Web/Pages/Participer/Login.razor.rz.scp.css */

.login-container[b-1vdl4ck2g8] {
    position: absolute;
    top: 50%; /* Positionne au milieu verticalement */
    left: 50%; /* Positionne au milieu horizontalement */
    transform: translate(-50%, -50%); /* Recentre l'élément par rapport à lui-même */
    background: rgba(200, 200, 200, 0.9); /* Arrière-plan blanc semi-transparent */
    padding: 2rem;
    border-radius: 8px;
    /*box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);*/
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); /* Ombre légèrement plus marquée */
    width: 100%;
    max-width: 500px;
}




.form-control:focus[b-1vdl4ck2g8] {
    box-shadow: none;
    border-color: var(--ul-color-black);
}



.btn-login[b-1vdl4ck2g8] {
    background-color: var(--ul-color-red);
    color: var(--ul-color-white);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    padding: 0.5rem 1rem;
}

.btn-login:hover[b-1vdl4ck2g8] {
    background-image: linear-gradient(rgb(0 0 0/20%) 0 0); /* Slightly darker red */

}

.forgot-password[b-1vdl4ck2g8] {
    font-size: 0.875rem;
    color: var(--ul-color-black);
    text-decoration: none;
}

.forgot-password:hover[b-1vdl4ck2g8] {
    text-decoration: underline;
}

.div-login-error[b-1vdl4ck2g8] {
    margin-top: 2em;
}
/* _content/BUL.Herbier.Web/Pages/Participer/Logout.razor.rz.scp.css */
/* Style général du bouton de déconnexion */
.btn-logout[b-1bc2x6gb34] {
    background-color: transparent; /* Fond transparent pour garder l'icône propre */
    color: black; /* Icône noire */
    border: none; /* Enlever la bordure */
    padding: 10px; /* Espacement autour de l'icône */
    cursor: pointer; /* Curseur en forme de main au survol */
    font-size: 1.5rem; /* Taille de l'icône */
    border-radius: 0%; /* Forme carrée sans arrondi */
    transition: transform 0.3s ease; /* Transition fluide sur la transformation */
}

/* Style de l'icône elle-même */
.btn-logout i[b-1bc2x6gb34] {
    font-size: 1.5rem; /* Taille de l'icône */
    color: black; /* Couleur de l'icône par défaut */
    transition: color 0.3s ease, transform 0.3s ease; /* Transition fluide sur la couleur et la mise à l'échelle */
}

/* Effet au survol de l'icône uniquement */
.btn-logout i:hover[b-1bc2x6gb34] {
    color: #6c757d; /* Couleur gris foncé au survol */
    transform: scale(1.1); /* Agrandissement de l'icône au survol */
}
/* _content/BUL.Herbier.Web/Pages/Participer/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-22auft5tzj] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-22auft5tzj] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-22auft5tzj] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-22auft5tzj] {
    font-size: 1.1rem;
}

.bi[b-22auft5tzj] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-22auft5tzj] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-22auft5tzj] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-22auft5tzj] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-22auft5tzj] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-22auft5tzj] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-22auft5tzj] {
        padding-bottom: 1rem;
    }

    .nav-item[b-22auft5tzj]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

.nav-item[b-22auft5tzj]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-22auft5tzj]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-22auft5tzj] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-22auft5tzj] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-22auft5tzj] {
        display: none;
    }

    .nav-scrollable[b-22auft5tzj] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* _content/BUL.Herbier.Web/Pages/Participer/NotificationForm.razor.rz.scp.css */


input.form-control.disabled[b-rw71myeofc] {
    background-color: #f5f5f5;
    border-color: #ccc;
    cursor: not-allowed;
    color: #999;
}

select.form-control.disabled[b-rw71myeofc] {
    background-color: #f5f5f5; /* Couleur de fond désactivée */
    border-color: #ccc; /* Couleur de bordure désactivée */
    cursor: not-allowed; /* Curseur interdit pour indiquer l'état désactivé */
    color: #999; /* Couleur du texte désactivé */
}

/* Facultatif : Styles spécifiques pour les options désactivées */
select.form-control.disabled option[b-rw71myeofc] {
    color: #999; /* Couleur des options désactivées */
}

.required[b-rw71myeofc] {
    color: red;
    font-weight: bold;
}

.form-group[b-rw71myeofc] {
    margin-bottom: 15px;
}

/*Début Toogle*/

input:disabled + .slider[b-rw71myeofc] {
    background-color: #ddd !important; /* Gray background for disabled toggle */
    cursor: not-allowed !important; /* Prevent interaction */
}

input:disabled:checked + .slider[b-rw71myeofc] {
    background-color: #bbb !important; /* Darker gray when checked */
}

input:disabled + .slider[b-rw71myeofc]:before {
    background-color: #f0f0f0 !important; /* Gray circle for disabled state */
    transform: translateX(0) !important; /* Keep the circle in place */
}

/* Optional: Lower opacity for the entire toggle */
input:disabled[b-rw71myeofc] {
    opacity: 0.6 !important; /* Make the entire toggle less opaque */
}

.btn-primary[b-rw71myeofc] {
    background-color: var(--ul-color-red);
    color: var(--ul-color-white);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 0.9rem;
    font-weight: bold;
    padding: 0.3rem 0.5rem;
}

.btn-primary:hover[b-rw71myeofc] {
    background-image: linear-gradient(rgb(0 0 0/20%) 0 0); /* Slightly darker red */
}

.btn-secondary[b-rw71myeofc] {
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 0.9rem;
    font-weight: bold;
    padding: 0.3rem 0.5rem;
}

.btn-primary.disabled[b-rw71myeofc] {
    pointer-events: none; /* Empêche le clic */
    opacity: 0.6; /* Rend l'élément visuellement plus transparent */
    cursor: not-allowed; /* Change le curseur pour indiquer que l'élément est désactivé */
    background-image: none; /* Supprime le fond au survol */
    background-color: #d6d6d6; /* Fond gris pour un aspect désactivé */
    color: #7a7a7a; /* Couleur de l'icône en gris */
}

/* Liste Déroulante*/
.custom-dropdown[b-rw71myeofc] {
    position: relative;
    width: 100%;
}

/* Personnalisation du select */
.custom-select[b-rw71myeofc] {
    appearance: none; /* Masque la flèche par défaut */
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: $input-padding-y $input-padding-x;
    /*padding: 12px 40px 12px 12px;*/ /* Ajoute de l'espace à gauche et à droite pour le texte et la flèche */
    /*border: 2px solid #ccc;*/ /* Bordure légère pour le champ */
    border-radius: 8px; /* Coins arrondis pour un effet moderne */
    font-size: 16px; /* Police plus grande pour un meilleur rendu */
    /*font-family: 'Arial', sans-serif;*/ /* Choix de police plus moderne */
    font-family: 'Source Sans 3', sans-serif;
    transition: all 0.3s ease; /* Transition douce pour tous les changements */
    background-color: #fff; /* Fond blanc */
    color: #333; /* Texte foncé */
    cursor: pointer; /* Suggère l'interaction */
}

/* Survol : Change l'arrière-plan et la bordure */
.custom-select:hover[b-rw71myeofc] {
    border-color: #5cb85c; /* Bordure verte au survol */
}

/* Effet de focus : Change la couleur de la bordure et l'ombre */
.custom-select:focus[b-rw71myeofc] {
    border-color: var(--ul-color-red); /* Bordure bleue lorsqu'on clique */
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.5); /* Ombre autour du champ */
    outline: none; /* Enlève la bordure par défaut de focus */
}

/* Flèche personnalisée */
.custom-dropdown[b-rw71myeofc]::after {
    /*content: '\2193';*/ /* Code Unicode pour la flèche vers le bas */
    content: '\25BC'; /* Unicode pour une flèche vers le bas */
    font-size: 18px;
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    color: var(--ul-color-black); /* Couleur de la flèche */
    pointer-events: none; /* Permet d'interagir avec le select sous la flèche */
    transition: all 0.3s ease; /* Transition pour la flèche */
}

/* Effet au survol de la flèche */
.custom-dropdown:hover[b-rw71myeofc]::after {
    color: var(--ul-color-black); /* Change la couleur de la flèche au survol */
}

/* Si vous voulez un fond dégradé subtil */
.custom-select[b-rw71myeofc] {
   /* background: linear-gradient(to right, #f9f9f9, #fff);*/ /* Dégradé subtil pour l'arrière-plan */
}

/* Animation au survol pour un effet doux */
.custom-select:hover[b-rw71myeofc] {
    background-color: #f1f1f1; /* Fond légèrement grisé au survol */
    border-color: var(--ul-color-red); /* Bordure verte pour le survol */
}

/*Fin de la liste déroulante*/


.btn:focus[b-rw71myeofc],
.form-control:focus[b-rw71myeofc] {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem var(--ul-color-red);
    border-color: var(--ul-color-gray-light);
}



.btn-icon[b-rw71myeofc] {
    background-color: var(--ul-color-red);
    color: var(--ul-color-white);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    padding: 0.3rem 0.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s;
}

    .btn-icon:hover[b-rw71myeofc] {
        background-image: linear-gradient(rgb(0 0 0/20%) 0 0); /* Slightly darker red */
    }

    .btn-icon i[b-rw71myeofc] {
        font-size: 1rem;
        pointer-events: none; /* Ensures the click event is on the parent div */
    }

    .btn-icon.disabled[b-rw71myeofc] {
        pointer-events: none; /* Empêche le clic */
        opacity: 0.6; /* Rend l'élément visuellement plus transparent */
        cursor: not-allowed; /* Change le curseur pour indiquer que l'élément est désactivé */
        background-image: none; /* Supprime le fond au survol */
        background-color: #d6d6d6; /* Fond gris pour un aspect désactivé */
        color: #7a7a7a; /* Couleur de l'icône en gris */
    }
/* _content/BUL.Herbier.Web/Pages/Participer/NotificationGrid.razor.rz.scp.css */
.containerGridNotification[b-3ol924enxf] {
    margin-top: 10px;
    padding-bottom: 10px;
    padding-top: 12px;
    margin-left: 30px;
    width: 90%;
    background-color: #fff;
    position: relative;
    z-index: 520;
    display: flex;
    flex-direction: column; /* Empile les sections verticalement */
    align-items: flex-start;
}

.addNotification[b-3ol924enxf]{
    margin-bottom: 20px;
}



.btn-addNotification[b-3ol924enxf] {
    background-color: var(--ul-color-red);
    color: var(--ul-color-white);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    padding: 0.3rem 0.5rem;
}

.btn-addNotification:hover[b-3ol924enxf] {
    background-image: linear-gradient(rgb(0 0 0/20%) 0 0); /* Slightly darker red */
}

.btn-addNotification.disabled[b-3ol924enxf]
{
    pointer-events: none; /* Empêche le clic */
    opacity: 0.6; /* Rend l'élément visuellement plus transparent */
    cursor: not-allowed; /* Change le curseur pour indiquer que l'élément est désactivé */
    background-image: none; /* Supprime le fond au survol */
    background-color: #d6d6d6; /* Fond gris pour un aspect désactivé */
    color: #7a7a7a; /* Couleur de l'icône en gris */
}


.btn-icon[b-3ol924enxf] {
    background-color: var(--ul-color-red);
    color: var(--ul-color-white);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    padding: 0.3rem 0.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s;
}

.btn-icon:hover[b-3ol924enxf] {
    background-image: linear-gradient(rgb(0 0 0/20%) 0 0); /* Slightly darker red */
}

.btn-icon i[b-3ol924enxf] {
    font-size: 1rem;
    pointer-events: none; /* Ensures the click event is on the parent div */
}

.btn-icon.disabled[b-3ol924enxf] {
    pointer-events: none; /* Empêche le clic */
    opacity: 0.6; /* Rend l'élément visuellement plus transparent */
    cursor: not-allowed; /* Change le curseur pour indiquer que l'élément est désactivé */
    background-image: none; /* Supprime le fond au survol */
    background-color: #d6d6d6; /* Fond gris pour un aspect désactivé */
    color: #7a7a7a; /* Couleur de l'icône en gris */
}

.btn-searchNotification[b-3ol924enxf] {
    background-color: var(--ul-color-red);
    color: var(--ul-color-white);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    padding: 0.3rem 0.5rem;
}

.btn-searchNotification:hover[b-3ol924enxf] {
    background-image: linear-gradient(rgb(0 0 0/20%) 0 0); /* Slightly darker red */
}


.btn-clearNotification[b-3ol924enxf] {
    background-color: var(--ul-color-red);
    color: var(--ul-color-white);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    padding: 0.3rem 0.5rem;
}

.btn-clearNotification:hover[b-3ol924enxf] {
    background-image: linear-gradient(rgb(0 0 0/20%) 0 0); /* Slightly darker red */
}

/* _content/BUL.Herbier.Web/Pages/Participer/PasswordChange.razor.rz.scp.css */
.passwordchange-container[b-ezkdgvctgh] {
    position: absolute;
    top: 50%; /* Positionne au milieu verticalement */
    left: 50%; /* Positionne au milieu horizontalement */
    transform: translate(-50%, -50%); /* Recentre l'élément par rapport à lui-même */
    background: rgba(200, 200, 200, 0.9); /* Arrière-plan blanc semi-transparent */
    padding: 2rem;
    border-radius: 8px;
    /*box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);*/
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); /* Ombre légèrement plus marquée */
    width: 100%;
    max-width: 500px;
}




.form-control:focus[b-ezkdgvctgh] {
    box-shadow: none;
    border-color: var(--ul-color-black);
}



.btn-passwordchange[b-ezkdgvctgh] {
    background-color: var(--ul-color-red);
    color: var(--ul-color-white);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    padding: 0.5rem 1rem;
}

    .btn-passwordchange:hover[b-ezkdgvctgh] {
        background-image: linear-gradient(rgb(0 0 0/20%) 0 0); /* Slightly darker red */
    }

/* _content/BUL.Herbier.Web/Pages/Participer/PasswordForget.razor.rz.scp.css */
.passwordchange-container[b-ewfr8mxysn] {
    position: absolute;
    top: 50%; /* Positionne au milieu verticalement */
    left: 50%; /* Positionne au milieu horizontalement */
    transform: translate(-50%, -50%); /* Recentre l'élément par rapport à lui-même */
    background: rgba(200, 200, 200, 0.9); /* Arrière-plan blanc semi-transparent */
    padding: 2rem;
    border-radius: 8px;
    /*box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);*/
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); /* Ombre légèrement plus marquée */
    width: 100%;
    max-width: 500px;
}




.form-control:focus[b-ewfr8mxysn] {
    box-shadow: none;
    border-color: var(--ul-color-black);
}



.btn-passwordchange[b-ewfr8mxysn] {
    background-color: var(--ul-color-red);
    color: var(--ul-color-white);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    padding: 0.5rem 1rem;
}

    .btn-passwordchange:hover[b-ewfr8mxysn] {
        background-image: linear-gradient(rgb(0 0 0/20%) 0 0); /* Slightly darker red */
    }

/* _content/BUL.Herbier.Web/Pages/Participer/PasswordReset.razor.rz.scp.css */
.passwordreset-container[b-dz0vbqhj72] {
    position: absolute;
    top: 50%; /* Positionne au milieu verticalement */
    left: 50%; /* Positionne au milieu horizontalement */
    transform: translate(-50%, -50%); /* Recentre l'élément par rapport à lui-même */
    background: rgba(200, 200, 200, 0.9); /* Arrière-plan blanc semi-transparent */
    padding: 2rem;
    border-radius: 8px;
    /*box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);*/
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); /* Ombre légèrement plus marquée */
    width: 100%;
    max-width: 500px;
}




.form-control:focus[b-dz0vbqhj72] {
    box-shadow: none;
    border-color: var(--ul-color-black);
}



.btn-passwordreset[b-dz0vbqhj72] {
    background-color: var(--ul-color-red);
    color: var(--ul-color-white);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    padding: 0.5rem 1rem;
}

    .btn-passwordreset:hover[b-dz0vbqhj72] {
        background-image: linear-gradient(rgb(0 0 0/20%) 0 0); /* Slightly darker red */
    }

/* _content/BUL.Herbier.Web/Pages/Participer/Presentation.razor.rz.scp.css */
.container[b-3mxs3sv7pb] {
    /*font-family: Arial, sans-serif;*/
    font-family: 'Source Sans 3', sans-serif;
    margin-top: 10px;
    padding-bottom: 10px;
    padding-top: 12px;
    margin-left: 30px;
    width: 90%;
    background-color: #fff;
    position: relative;
    z-index: 520;
    display: flex;
    flex-direction: column; /* Empile les sections verticalement */
    align-items: flex-start;
}

.title[b-3mxs3sv7pb] {
    font-weight: bold;
    font-size: 24px;
}

.subtitle[b-3mxs3sv7pb] {
    font-size: 18px;
    color: gray;
}

.page-info[b-3mxs3sv7pb] {
    margin: 20px 0;
}

.text-ajuster[b-3mxs3sv7pb] {
    font-style: italic;
    color: #888;
}

.lorem-text[b-3mxs3sv7pb] {
    margin: 20px 0;
    line-height: 1.5;
}



.login-button[b-3mxs3sv7pb] {
    background-color: var(--ul-color-red);
    color: var(--ul-color-white);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    padding: 0.5rem 1rem;
    font-size: 16px;
    margin-top: 10px;
}

.login-button:hover[b-3mxs3sv7pb] {
    background-image: linear-gradient(rgb(0 0 0/20%) 0 0); /* Slightly darker red */
}

.statistics-section[b-3mxs3sv7pb] {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 30px;
    background-color: #555;
    padding: 20px;
    color: white;
}

.stat-block[b-3mxs3sv7pb] {
    flex: 1 1 200px;
}

.stat-number[b-3mxs3sv7pb] {
    font-size: 32px;
    font-weight: bold;
}

.stat-title[b-3mxs3sv7pb] {
    font-size: 18px;
}

.stat-desc[b-3mxs3sv7pb] {
    font-size: 16px;
}

.table-block[b-3mxs3sv7pb] {
    flex: 1 1 200px;
    background-color: #666;
    padding: 10px;
}

.chart-block[b-3mxs3sv7pb] {
    flex: 1 1 200px;
}

.chart-placeholder[b-3mxs3sv7pb] {
    height: 150px;
    background-color: white;
    border-radius: 50%;
}
/* _content/BUL.Herbier.Web/Pages/Participer/PreviousPage.razor.rz.scp.css */
/* Style général du bouton de déconnexion */
.btn-backurl[b-idyl99a1tt] {
    background-color: transparent; /* Fond transparent pour garder l'icône propre */
    color: black; /* Icône noire */
    border: none; /* Enlever la bordure */
    cursor: pointer; /* Curseur en forme de main au survol */
    font-size: 1.5rem; /* Taille de l'icône */
    border-radius: 0%; /* Forme carrée sans arrondi */
    transition: transform 0.3s ease; /* Transition fluide sur la transformation */

    width: 200px; /* Remplacez par la largeur souhaitée */
    display: inline-flex; /* Aligne le contenu en une seule ligne */
    align-items: center; /* Aligne l'icône et le texte verticalement */
    justify-content: center; /* Centre le contenu horizontalement */
    gap: 0.5rem; /* Ajoute de l'espace entre l'icône et le texte */
    white-space: nowrap; /* Empêche les retours à la ligne */
}

.btn-backurl span[b-idyl99a1tt] {  /*Revenir au men */
    font-size: 14px;
    font-weight: bold;
    color: #000000;
}

/* Style de l'icône elle-même */
.btn-backurl i[b-idyl99a1tt] {
    font-size: 1.5rem; /* Taille de l'icône */
    color: black; /* Couleur de l'icône par défaut */
    transition: color 0.3s ease, transform 0.3s ease; /* Transition fluide sur la couleur et la mise à l'échelle */
}

/* Effet au survol de l'icône uniquement */
.btn-backurl i:hover[b-idyl99a1tt] {
    color: #6c757d; /* Couleur gris foncé au survol */
    transform: scale(1.1); /* Agrandissement de l'icône au survol */
}
/* _content/BUL.Herbier.Web/Pages/Participer/SessionExpired.razor.rz.scp.css */
.vh-100[b-jtiaffteor] {
    height: 100vh;
}


.btn-login[b-jtiaffteor] {
    background-color: var(--ul-color-red);
    color: var(--ul-color-white);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    padding: 0.5rem 1rem;
}

.btn-login:hover[b-jtiaffteor] {
    background-image: linear-gradient(rgb(0 0 0/20%) 0 0); /* Slightly darker red */
}
/* _content/BUL.Herbier.Web/Pages/Participer/SessionInactive.razor.rz.scp.css */
.vh-100[b-cx8mvadfca] {
    height: 100vh;
}


.btn-login[b-cx8mvadfca] {
    background-color: var(--ul-color-red);
    color: var(--ul-color-white);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    padding: 0.5rem 1rem;
}

.btn-login:hover[b-cx8mvadfca] {
    background-image: linear-gradient(rgb(0 0 0/20%) 0 0); /* Slightly darker red */
}
/* _content/BUL.Herbier.Web/Pages/Participer/SettingForm.razor.rz.scp.css */


input.form-control.disabled[b-xfum9wr84y] {
    background-color: #f5f5f5;
    border-color: #ccc;
    cursor: not-allowed;
    color: #999;
}

select.form-control.disabled[b-xfum9wr84y] {
    background-color: #f5f5f5; /* Couleur de fond désactivée */
    border-color: #ccc; /* Couleur de bordure désactivée */
    cursor: not-allowed; /* Curseur interdit pour indiquer l'état désactivé */
    color: #999; /* Couleur du texte désactivé */
}

/* Facultatif : Styles spécifiques pour les options désactivées */
select.form-control.disabled option[b-xfum9wr84y] {
    color: #999; /* Couleur des options désactivées */
}

.required[b-xfum9wr84y] {
    color: red;
    font-weight: bold;
}

.form-group[b-xfum9wr84y] {
    margin-bottom: 15px;
}

/*Début Toogle*/

input:disabled + .slider[b-xfum9wr84y] {
    background-color: #ddd !important; /* Gray background for disabled toggle */
    cursor: not-allowed !important; /* Prevent interaction */
}

input:disabled:checked + .slider[b-xfum9wr84y] {
    background-color: #bbb !important; /* Darker gray when checked */
}

input:disabled + .slider[b-xfum9wr84y]:before {
    background-color: #f0f0f0 !important; /* Gray circle for disabled state */
    transform: translateX(0) !important; /* Keep the circle in place */
}

/* Optional: Lower opacity for the entire toggle */
input:disabled[b-xfum9wr84y] {
    opacity: 0.6 !important; /* Make the entire toggle less opaque */
}

.toggle-switch[b-xfum9wr84y] {
    position: relative !important;
    display: inline-block !important;
    width: 60px !important; /* Réduction de la longueur */
    height: 20px !important; /* Hauteur ajustée pour rester mince */
}

.toggle-switch input[b-xfum9wr84y] {
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    position: absolute !important;
    z-index: -1 !important; /* Pour s'assurer qu'il reste en arrière-plan */
}


.slider[b-xfum9wr84y] {
    position: absolute !important;
    cursor: pointer !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background-color: #ccc !important;
    transition: .4s !important;
    border-radius: 20px !important;
}

.slider[b-xfum9wr84y]:before {
    position: absolute !important;
    content: "" !important;
    height: 16px !important; /* Taille du cercle ajustée */
    width: 16px !important;
    left: 2px !important; /* Décalage ajusté */
    bottom: 2px !important;
    background-color: white !important;
    transition: .4s !important;
    border-radius: 50% !important;
}

input:checked + .slider[b-xfum9wr84y] {
    background-color: var(--ul-color-red) !important;
}

input:checked + .slider[b-xfum9wr84y]:before {
    transform: translateX(38px) !important; /* Ajusté pour correspondre à la nouvelle largeur */
}


.toggle-switch[b-xfum9wr84y]::after {
   /* content: attr(data-tooltip);*/
    position: absolute;
    top: -30px; /* Position au-dessus du toggle */
    left: 50%;
    transform: translateX(-50%);
    background-color: #333;
    color: #fff;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    white-space: nowrap;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s, visibility 0.3s;
    pointer-events: none;
    z-index: 10;
}

/* Afficher le tooltip au survol */
.toggle-switch:hover[b-xfum9wr84y]::after {
    visibility: visible;
    opacity: 1;
}

/*Fin du Toggle*/


.btn-primary[b-xfum9wr84y] {
    background-color: var(--ul-color-red);
    color: var(--ul-color-white);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 0.9rem;
    font-weight: bold;
    padding: 0.3rem 0.5rem;
}

.btn-primary:hover[b-xfum9wr84y] {
    background-image: linear-gradient(rgb(0 0 0/20%) 0 0); /* Slightly darker red */
}

.btn-secondary[b-xfum9wr84y] {
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 0.9rem;
    font-weight: bold;
    padding: 0.3rem 0.5rem;
}

.btn-primary.disabled[b-xfum9wr84y] {
    pointer-events: none; /* Empêche le clic */
    opacity: 0.6; /* Rend l'élément visuellement plus transparent */
    cursor: not-allowed; /* Change le curseur pour indiquer que l'élément est désactivé */
    background-image: none; /* Supprime le fond au survol */
    background-color: #d6d6d6; /* Fond gris pour un aspect désactivé */
    color: #7a7a7a; /* Couleur de l'icône en gris */
}

/* Liste Déroulante*/
.custom-dropdown[b-xfum9wr84y] {
    position: relative;
    width: 100%;
}

/* Personnalisation du select */
.custom-select[b-xfum9wr84y] {
    appearance: none; /* Masque la flèche par défaut */
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: $input-padding-y $input-padding-x;
    /*padding: 12px 40px 12px 12px;*/ /* Ajoute de l'espace à gauche et à droite pour le texte et la flèche */
    /*border: 2px solid #ccc;*/ /* Bordure légère pour le champ */
    border-radius: 8px; /* Coins arrondis pour un effet moderne */
    font-size: 16px; /* Police plus grande pour un meilleur rendu */
    /*font-family: 'Arial', sans-serif;*/ /* Choix de police plus moderne */
    font-family: 'Source Sans 3', sans-serif;
    transition: all 0.3s ease; /* Transition douce pour tous les changements */
    background-color: #fff; /* Fond blanc */
    color: #333; /* Texte foncé */
    cursor: pointer; /* Suggère l'interaction */
}

/* Survol : Change l'arrière-plan et la bordure */
.custom-select:hover[b-xfum9wr84y] {
    border-color: #5cb85c; /* Bordure verte au survol */
}

/* Effet de focus : Change la couleur de la bordure et l'ombre */
.custom-select:focus[b-xfum9wr84y] {
    border-color: var(--ul-color-red); /* Bordure bleue lorsqu'on clique */
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.5); /* Ombre autour du champ */
    outline: none; /* Enlève la bordure par défaut de focus */
}

/* Flèche personnalisée */
.custom-dropdown[b-xfum9wr84y]::after {
    /*content: '\2193';*/ /* Code Unicode pour la flèche vers le bas */
    content: '\25BC'; /* Unicode pour une flèche vers le bas */
    font-size: 18px;
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    color: var(--ul-color-black); /* Couleur de la flèche */
    pointer-events: none; /* Permet d'interagir avec le select sous la flèche */
    transition: all 0.3s ease; /* Transition pour la flèche */
}

/* Effet au survol de la flèche */
.custom-dropdown:hover[b-xfum9wr84y]::after {
    color: var(--ul-color-black); /* Change la couleur de la flèche au survol */
}

/* Si vous voulez un fond dégradé subtil */
.custom-select[b-xfum9wr84y] {
   /* background: linear-gradient(to right, #f9f9f9, #fff);*/ /* Dégradé subtil pour l'arrière-plan */
}

/* Animation au survol pour un effet doux */
.custom-select:hover[b-xfum9wr84y] {
    background-color: #f1f1f1; /* Fond légèrement grisé au survol */
    border-color: var(--ul-color-red); /* Bordure verte pour le survol */
}

/*Fin de la liste déroulante*/


.btn:focus[b-xfum9wr84y],
.form-control:focus[b-xfum9wr84y] {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem var(--ul-color-red);
    border-color: var(--ul-color-gray-light);
}



.btn-icon[b-xfum9wr84y] {
    background-color: var(--ul-color-red);
    color: var(--ul-color-white);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    padding: 0.3rem 0.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s;
}

    .btn-icon:hover[b-xfum9wr84y] {
        background-image: linear-gradient(rgb(0 0 0/20%) 0 0); /* Slightly darker red */
    }

    .btn-icon i[b-xfum9wr84y] {
        font-size: 1rem;
        pointer-events: none; /* Ensures the click event is on the parent div */
    }

    .btn-icon.disabled[b-xfum9wr84y] {
        pointer-events: none; /* Empêche le clic */
        opacity: 0.6; /* Rend l'élément visuellement plus transparent */
        cursor: not-allowed; /* Change le curseur pour indiquer que l'élément est désactivé */
        background-image: none; /* Supprime le fond au survol */
        background-color: #d6d6d6; /* Fond gris pour un aspect désactivé */
        color: #7a7a7a; /* Couleur de l'icône en gris */
    }
/* _content/BUL.Herbier.Web/Pages/Participer/SettingGrid.razor.rz.scp.css */
.containerGridSetting[b-95bfzucqt7] {
    margin-top: 10px;
    padding-bottom: 10px;
    padding-top: 12px;
    margin-left: 30px;
    width: 90%;
    background-color: #fff;
    position: relative;
    z-index: 520;
    display: flex;
    flex-direction: column; /* Empile les sections verticalement */
    align-items: flex-start;
}

.addSetting[b-95bfzucqt7]{
    margin-bottom: 20px;
}



.btn-addSetting[b-95bfzucqt7] {
    background-color: var(--ul-color-red);
    color: var(--ul-color-white);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    padding: 0.3rem 0.5rem;
}

.btn-addSetting:hover[b-95bfzucqt7] {
    background-image: linear-gradient(rgb(0 0 0/20%) 0 0); /* Slightly darker red */
}

.btn-addSetting.disabled[b-95bfzucqt7]
{
    pointer-events: none; /* Empêche le clic */
    opacity: 0.6; /* Rend l'élément visuellement plus transparent */
    cursor: not-allowed; /* Change le curseur pour indiquer que l'élément est désactivé */
    background-image: none; /* Supprime le fond au survol */
    background-color: #d6d6d6; /* Fond gris pour un aspect désactivé */
    color: #7a7a7a; /* Couleur de l'icône en gris */
}


.btn-icon[b-95bfzucqt7] {
    background-color: var(--ul-color-red);
    color: var(--ul-color-white);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    padding: 0.3rem 0.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s;
}

.btn-icon:hover[b-95bfzucqt7] {
    background-image: linear-gradient(rgb(0 0 0/20%) 0 0); /* Slightly darker red */
}

.btn-icon i[b-95bfzucqt7] {
    font-size: 1rem;
    pointer-events: none; /* Ensures the click event is on the parent div */
}

.btn-icon.disabled[b-95bfzucqt7] {
    pointer-events: none; /* Empêche le clic */
    opacity: 0.6; /* Rend l'élément visuellement plus transparent */
    cursor: not-allowed; /* Change le curseur pour indiquer que l'élément est désactivé */
    background-image: none; /* Supprime le fond au survol */
    background-color: #d6d6d6; /* Fond gris pour un aspect désactivé */
    color: #7a7a7a; /* Couleur de l'icône en gris */
}

.btn-searchSetting[b-95bfzucqt7] {
    background-color: var(--ul-color-red);
    color: var(--ul-color-white);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    padding: 0.3rem 0.5rem;
}

.btn-searchSetting:hover[b-95bfzucqt7] {
    background-image: linear-gradient(rgb(0 0 0/20%) 0 0); /* Slightly darker red */
}


.btn-clearSetting[b-95bfzucqt7] {
    background-color: var(--ul-color-red);
    color: var(--ul-color-white);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    padding: 0.3rem 0.5rem;
}

.btn-clearSetting:hover[b-95bfzucqt7] {
    background-image: linear-gradient(rgb(0 0 0/20%) 0 0); /* Slightly darker red */
}

/* _content/BUL.Herbier.Web/Pages/Participer/ShowGuide.razor.rz.scp.css */
.tab-container[b-2f17ivo5vy] {
    position: relative;
    margin-bottom: 20px;
    display: flex;
    justify-content: flex-end; /* Alignement à droite */
    align-items: center;
}


#divTabs[b-2f17ivo5vy] {
    margin-top: 0; /* Supprime la marge supérieure */
    align-self: center; /* S'assure que le div s'aligne bien */
    flex-shrink: 0; /* Pour que divTabs ne rétrécisse pas */
    margin-left: auto; /* Pousse l'élément vers la droite */
}


.nav-link[b-2f17ivo5vy] {
    background-color: #f8f9fa;
    color: #0099FF;
    border: 1px solid #0099FF;
    border-bottom: none;
    padding: 10px 20px;
    font-weight: bold;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

    .nav-link.active[b-2f17ivo5vy], .nav-link:hover[b-2f17ivo5vy] {
        background-color: #0099FF;
        color: white;
    }
/* _content/BUL.Herbier.Web/Pages/Participer/SpecimenForm.razor.rz.scp.css */
.tab-container[b-cjc2nl8fv7] {
    position: relative;
    margin-top: 0 !important;
    margin-bottom: 1vh;
}

.form-group[b-cjc2nl8fv7] {
    margin-bottom: 0.2vh;
}

.div-add-botanist-button[b-cjc2nl8fv7] {
    padding-left: 0.2vw !important;
    padding-top: 1vh !important;
    padding-bottom: 1vh !important;
}

.nav-link[b-cjc2nl8fv7] {
    background-color: #f8f9fa;
    color: #0099FF;
    border: 1px solid #0099FF;
    border-bottom: none;
    padding: 10px 20px;
    font-weight: bold;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.nav-link.active[b-cjc2nl8fv7], .nav-link:hover[b-cjc2nl8fv7] {
    background-color: #0099FF;
    color: white;
}

.disabled-button[b-cjc2nl8fv7] {
    opacity: 0.6;
    pointer-events: none;
    cursor: not-allowed;
}

.customcard-header[b-cjc2nl8fv7] {
    height: 4vh !important;
    max-height: 4vh !important;
}

.card-header-align-chevron[b-cjc2nl8fv7] {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

.card-title[b-cjc2nl8fv7] {
    font-weight: bold !important;
    margin: 0px !important;
}





.containerGridUserProfil[b-cjc2nl8fv7] {
    margin-top: 10px;
    padding-bottom: 10px;
    padding-top: 12px;
    margin-left: 30px;
    width: 90%;
    background-color: #fff;
    position: relative;
    z-index: 520;
    display: flex;
    flex-direction: column; /* Empile les sections verticalement */
    align-items: flex-start;
}



/*Début Toogle*/

input:disabled + .slider[b-cjc2nl8fv7] {
    background-color: #ddd !important; /* Gray background for disabled toggle */
    cursor: not-allowed !important; /* Prevent interaction */
}

input:disabled:checked + .slider[b-cjc2nl8fv7] {
    background-color: #bbb !important; /* Darker gray when checked */
}

input:disabled + .slider[b-cjc2nl8fv7]:before {
    background-color: #f0f0f0 !important; /* Gray circle for disabled state */
    transform: translateX(0) !important; /* Keep the circle in place */
}

.btn-primary[b-cjc2nl8fv7] {
    background-color: var(--ul-color-red);
    color: var(--ul-color-white);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 0.9rem;
    font-weight: bold;
    padding: 0.3rem 0.5rem;
}

.btn-primary:hover[b-cjc2nl8fv7] {
    background-image: linear-gradient(rgb(0 0 0/20%) 0 0); /* Slightly darker red */
}

.btn-secondary[b-cjc2nl8fv7] {
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 0.9rem;
    font-weight: bold;
    padding: 0.3rem 0.5rem;
}

.btn-primary.disabled[b-cjc2nl8fv7] {
    pointer-events: none; /* Empêche le clic */
    opacity: 0.6; /* Rend l'élément visuellement plus transparent */
    cursor: not-allowed; /* Change le curseur pour indiquer que l'élément est désactivé */
    background-image: none; /* Supprime le fond au survol */
    background-color: #d6d6d6; /* Fond gris pour un aspect désactivé */
    color: #7a7a7a; /* Couleur de l'icône en gris */
}

/* Liste Déroulante*/
.custom-dropdown[b-cjc2nl8fv7] {
    position: relative;
    width: 100%;
}

/* Personnalisation du select */
.custom-select[b-cjc2nl8fv7] {
    appearance: none; /* Masque la flèche par défaut */
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: $input-padding-y $input-padding-x;
    /*padding: 12px 40px 12px 12px;*/ /* Ajoute de l'espace à gauche et à droite pour le texte et la flèche */
    /*border: 2px solid #ccc;*/ /* Bordure légère pour le champ */
    border-radius: 8px; /* Coins arrondis pour un effet moderne */
    font-size: 16px; /* Police plus grande pour un meilleur rendu */
    /*font-family: 'Arial', sans-serif;*/ /* Choix de police plus moderne */
    font-family: 'Source Sans 3', sans-serif;
    transition: all 0.3s ease; /* Transition douce pour tous les changements */
    background-color: #fff; /* Fond blanc */
    color: #333; /* Texte foncé */
    cursor: pointer; /* Suggère l'interaction */
}

/* Survol : Change l'arrière-plan et la bordure */
.custom-select:hover[b-cjc2nl8fv7] {
    border-color: #5cb85c; /* Bordure verte au survol */
}

/* Effet de focus : Change la couleur de la bordure et l'ombre */
.custom-select:focus[b-cjc2nl8fv7] {
    border-color: var(--ul-color-red); /* Bordure bleue lorsqu'on clique */
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.5); /* Ombre autour du champ */
    outline: none; /* Enlève la bordure par défaut de focus */
}

/* Flèche personnalisée */
.custom-dropdown[b-cjc2nl8fv7]::after {
    /*content: '\2193';*/ /* Code Unicode pour la flèche vers le bas */
    content: '\25BC'; /* Unicode pour une flèche vers le bas */
    font-size: 18px;
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    color: var(--ul-color-black); /* Couleur de la flèche */
    pointer-events: none; /* Permet d'interagir avec le select sous la flèche */
    transition: all 0.3s ease; /* Transition pour la flèche */
}

/* Effet au survol de la flèche */
.custom-dropdown:hover[b-cjc2nl8fv7]::after {
    color: var(--ul-color-black); /* Change la couleur de la flèche au survol */
}

/* Si vous voulez un fond dégradé subtil */
.custom-select[b-cjc2nl8fv7] {
   /* background: linear-gradient(to right, #f9f9f9, #fff);*/ /* Dégradé subtil pour l'arrière-plan */
}

/* Animation au survol pour un effet doux */
.custom-select:hover[b-cjc2nl8fv7] {
    background-color: #f1f1f1; /* Fond légèrement grisé au survol */
    border-color: var(--ul-color-red); /* Bordure verte pour le survol */
}

/*Fin de la liste déroulante*/


.btn:focus[b-cjc2nl8fv7],
.form-control:focus[b-cjc2nl8fv7] {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem var(--ul-color-red);
    border-color: var(--ul-color-gray-light);
}

.container[b-cjc2nl8fv7] {
    display: flex;
    gap: 1rem; 
    align-items: stretch;  
    margin-left: 0px !important;
}

.customcard[b-cjc2nl8fv7] {
    overflow-y: auto;
    overflow-x: hidden;
    flex: 1;
    max-height: 85vh;
    max-width: 50%;
    background-color: var(--ul-color-gray-lightest);
}


.imageViewer[b-cjc2nl8fv7] {
    margin-left: auto;  
    flex: 1;
    display: flex;
    align-items: stretch;
    justify-content: stretch;
    max-height: 85vh;  
    max-width: 50%;  
    background-color: var(--ul-color-gray-lightest); 
}

.nav-link-add-specimen[b-cjc2nl8fv7] {
    height: 4vh;
    display: inline-block;
    font-size: 0.9rem;
}





/* _content/BUL.Herbier.Web/Pages/Participer/SpecimenForm_OriginalInfo.razor.rz.scp.css */
.custom-list-group-item[b-o7zg7b82td] {
    padding-bottom: 0px !important;
}

.btn-primary[b-o7zg7b82td] {
    background-color: var(--ul-color-red);
    color: var(--ul-color-white);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 0.9rem;
    font-weight: bold;
    padding: 0.3rem 0.5rem;
}

.required[b-o7zg7b82td] {
    color: red;
    font-weight: bold;
}

.validation-message[b-o7zg7b82td] {
    color: red;
    font-size: 0.9em;
    margin-top: 4px;
}

.text-ia[b-o7zg7b82td] {
    border: 2px solid #FCC103 !important;
    background-color: #FFF9D6 !important;
    font-weight: bold;
    color: #000;
    border-radius: 10px;
}

.text-ia-icon[b-o7zg7b82td] {
    font-weight: bold;
    color: #FCC103;
}


.btn-primary:hover[b-o7zg7b82td] {
    background-image: linear-gradient(rgb(0 0 0/20%) 0 0); /* Slightly darker red */
}

.btn-secondary[b-o7zg7b82td] {
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 0.9rem;
    font-weight: bold;
    padding: 0.3rem 0.5rem;
}

.btn-primary.disabled[b-o7zg7b82td] {
    pointer-events: none; /* Empêche le clic */
    opacity: 0.6; /* Rend l'élément visuellement plus transparent */
    cursor: not-allowed; /* Change le curseur pour indiquer que l'élément est désactivé */
    background-image: none; /* Supprime le fond au survol */
    background-color: #d6d6d6; /* Fond gris pour un aspect désactivé */
    color: #7a7a7a; /* Couleur de l'icône en gris */
}

/* Liste Déroulante*/
.custom-dropdown[b-o7zg7b82td] {
    position: relative;
    width: 100%;
}

/* Personnalisation du select */
.custom-select[b-o7zg7b82td] {
    appearance: none; /* Masque la flèche par défaut */
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: $input-padding-y $input-padding-x;
    /*padding: 12px 40px 12px 12px;*/ /* Ajoute de l'espace à gauche et à droite pour le texte et la flèche */
    /*border: 2px solid #ccc;*/ /* Bordure légère pour le champ */
    border-radius: 8px; /* Coins arrondis pour un effet moderne */
    font-size: 16px; /* Police plus grande pour un meilleur rendu */
    /*font-family: 'Arial', sans-serif;*/ /* Choix de police plus moderne */
    font-family: 'Source Sans 3', sans-serif;
    transition: all 0.3s ease; /* Transition douce pour tous les changements */
    background-color: #fff; /* Fond blanc */
    color: #333; /* Texte foncé */
    cursor: pointer; /* Suggère l'interaction */
}

/* Survol : Change l'arrière-plan et la bordure */
.custom-select:hover[b-o7zg7b82td] {
    border-color: #5cb85c; /* Bordure verte au survol */
}

/* Effet de focus : Change la couleur de la bordure et l'ombre */
.custom-select:focus[b-o7zg7b82td] {
    border-color: var(--ul-color-red); /* Bordure bleue lorsqu'on clique */
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.5); /* Ombre autour du champ */
    outline: none; /* Enlève la bordure par défaut de focus */
}

/* Flèche personnalisée */
.custom-dropdown[b-o7zg7b82td]::after {
    /*content: '\2193';*/ /* Code Unicode pour la flèche vers le bas */
    content: '\25BC'; /* Unicode pour une flèche vers le bas */
    font-size: 18px;
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    color: var(--ul-color-black); /* Couleur de la flèche */
    pointer-events: none; /* Permet d'interagir avec le select sous la flèche */
    transition: all 0.3s ease; /* Transition pour la flèche */
}

/* Effet au survol de la flèche */
.custom-dropdown:hover[b-o7zg7b82td]::after {
    color: var(--ul-color-black); /* Change la couleur de la flèche au survol */
}

/* Si vous voulez un fond dégradé subtil */
.custom-select[b-o7zg7b82td] {
   /* background: linear-gradient(to right, #f9f9f9, #fff);*/ /* Dégradé subtil pour l'arrière-plan */
}

/* Animation au survol pour un effet doux */
.custom-select:hover[b-o7zg7b82td] {
    background-color: #f1f1f1; /* Fond légèrement grisé au survol */
    border-color: var(--ul-color-red); /* Bordure verte pour le survol */
}

/*Fin de la liste déroulante*/


.btn:focus[b-o7zg7b82td],
.form-control:focus[b-o7zg7b82td] {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem var(--ul-color-red);
    border-color: var(--ul-color-gray-light);
}



input:disabled + .slider[b-o7zg7b82td] {
    background-color: #ddd !important; /* Gray background for disabled toggle */
    cursor: not-allowed !important; /* Prevent interaction */
}

input:disabled:checked + .slider[b-o7zg7b82td] {
    background-color: #bbb !important; /* Darker gray when checked */
}

input:disabled + .slider[b-o7zg7b82td]:before {
    background-color: #f0f0f0 !important; /* Gray circle for disabled state */
    transform: translateX(0) !important; /* Keep the circle in place */
}

.btn-iconIdentificator[b-o7zg7b82td] {
    background-color: var(--ul-color-red);
    color: var(--ul-color-white);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    padding: 0.1rem 0.3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s;
}

.btn-iconIdentificator:hover[b-o7zg7b82td] {
    background-image: linear-gradient(rgb(0 0 0/20%) 0 0); /* Slightly darker red */
}

.btn-iconIdentificator i[b-o7zg7b82td] {
    font-size: 1rem;
    pointer-events: none; /* Ensures the click event is on the parent div */
}

.btn-iconCollector[b-o7zg7b82td] {
    background-color: var(--ul-color-red);
    color: var(--ul-color-white);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    padding: 0.1rem 0.3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s;
}

.btn-iconCollector:hover[b-o7zg7b82td] {
    background-image: linear-gradient(rgb(0 0 0/20%) 0 0); /* Slightly darker red */
}

.btn-iconCollector i[b-o7zg7b82td] {
    font-size: 1rem;
    pointer-events: none; /* Ensures the click event is on the parent div */
}

.icon-action-ia[b-o7zg7b82td] {
    color: #8000ff;
    font-weight: bold;
    font-size: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.1rem 0.3rem;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.2s;
}

    .icon-action-ia:hover[b-o7zg7b82td] {
        background-color: rgba(128, 0, 255, 0.1); /* léger fond violet au hover */
    }

    .icon-action-ia i[b-o7zg7b82td] {
        pointer-events: none;
    }



.div-add-botanist-button[b-o7zg7b82td] {
    padding-left: 0.2vw;
    padding-top: 1vh;
    padding-bottom: 1vh;
}

.spanIdBotanist[b-o7zg7b82td] {
    margin-right: 0.5vh;
}
/* _content/BUL.Herbier.Web/Pages/Participer/SpecimenForm_SupplementalInfo.razor.rz.scp.css */


.entryDatecss[b-ryj69hr5bo] {
    font-weight: bold;
    font-size: 0.9rem;
}

.compilerName[b-ryj69hr5bo] {
    font-weight: bold;
    font-size: 0.9rem;
}

.btn-primary[b-ryj69hr5bo] {
    background-color: var(--ul-color-red);
    color: var(--ul-color-white);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 0.9rem;
    font-weight: bold;
    padding: 0.3rem 0.5rem;
}

.btn-primary:hover[b-ryj69hr5bo] {
    background-image: linear-gradient(rgb(0 0 0/20%) 0 0); /* Slightly darker red */
}

.text-ia[b-ryj69hr5bo] {
    border: 2px solid #FCC103 !important;
    background-color: #FFF9D6 !important;
    font-weight: bold;
    color: #000;
    border-radius: 10px;
}

.text-ia-icon[b-ryj69hr5bo] {
    font-weight: bold;
    color: #FCC103;
}

.btn-secondary[b-ryj69hr5bo] {
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 0.9rem;
    font-weight: bold;
    padding: 0.3rem 0.5rem;
}

.btn-primary.disabled[b-ryj69hr5bo] {
    pointer-events: none; /* Empêche le clic */
    opacity: 0.6; /* Rend l'élément visuellement plus transparent */
    cursor: not-allowed; /* Change le curseur pour indiquer que l'élément est désactivé */
    background-image: none; /* Supprime le fond au survol */
    background-color: #d6d6d6; /* Fond gris pour un aspect désactivé */
    color: #7a7a7a; /* Couleur de l'icône en gris */
}

/* Liste Déroulante*/
.custom-dropdown[b-ryj69hr5bo] {
    position: relative;
    width: 100%;
}

/* Personnalisation du select */
.custom-select[b-ryj69hr5bo] {
    appearance: none; /* Masque la flèche par défaut */
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: $input-padding-y $input-padding-x;
    /*padding: 12px 40px 12px 12px;*/ /* Ajoute de l'espace à gauche et à droite pour le texte et la flèche */
    /*border: 2px solid #ccc;*/ /* Bordure légère pour le champ */
    border-radius: 8px; /* Coins arrondis pour un effet moderne */
    font-size: 16px; /* Police plus grande pour un meilleur rendu */
    /*font-family: 'Arial', sans-serif;*/ /* Choix de police plus moderne */
    font-family: 'Source Sans 3', sans-serif;
    transition: all 0.3s ease; /* Transition douce pour tous les changements */
    background-color: #fff; /* Fond blanc */
    color: #333; /* Texte foncé */
    cursor: pointer; /* Suggère l'interaction */
}

/* Survol : Change l'arrière-plan et la bordure */
.custom-select:hover[b-ryj69hr5bo] {
    border-color: #5cb85c; /* Bordure verte au survol */
}

/* Effet de focus : Change la couleur de la bordure et l'ombre */
.custom-select:focus[b-ryj69hr5bo] {
    border-color: var(--ul-color-red); /* Bordure bleue lorsqu'on clique */
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.5); /* Ombre autour du champ */
    outline: none; /* Enlève la bordure par défaut de focus */
}

/* Flèche personnalisée */
.custom-dropdown[b-ryj69hr5bo]::after {
    /*content: '\2193';*/ /* Code Unicode pour la flèche vers le bas */
    content: '\25BC'; /* Unicode pour une flèche vers le bas */
    font-size: 18px;
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    color: var(--ul-color-black); /* Couleur de la flèche */
    pointer-events: none; /* Permet d'interagir avec le select sous la flèche */
    transition: all 0.3s ease; /* Transition pour la flèche */
}

/* Effet au survol de la flèche */
.custom-dropdown:hover[b-ryj69hr5bo]::after {
    color: var(--ul-color-black); /* Change la couleur de la flèche au survol */
}

/* Si vous voulez un fond dégradé subtil */
.custom-select[b-ryj69hr5bo] {
   /* background: linear-gradient(to right, #f9f9f9, #fff);*/ /* Dégradé subtil pour l'arrière-plan */
}

/* Animation au survol pour un effet doux */
.custom-select:hover[b-ryj69hr5bo] {
    background-color: #f1f1f1; /* Fond légèrement grisé au survol */
    border-color: var(--ul-color-red); /* Bordure verte pour le survol */
}

/*Fin de la liste déroulante*/


.btn:focus[b-ryj69hr5bo],
.form-control:focus[b-ryj69hr5bo] {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem var(--ul-color-red);
    border-color: var(--ul-color-gray-light);
}

.validation-message[b-ryj69hr5bo] {
    color: red;
    font-size: 0.9em;
    margin-top: 4px;
}

/* Style pour les dropdowns désactivés */
.custom-select:disabled[b-ryj69hr5bo] {
    background-color: var(--ul-color-gray-lightest); /* Fond gris clair pour indiquer qu'il est désactivé */
    color: var(--ul-color-gray-medium); /* Texte gris pour indiquer qu'il est désactivé */
    border-color: var(--ul-color-gray-light); /* Bordure grise */
    cursor: not-allowed; /* Curseur non autorisé */
    opacity: 1; /* Assure que l'opacité est à 100% */
}

.custom-select:disabled:hover[b-ryj69hr5bo] {
    border-color: var(--ul-color-gray-light); /* Bordure grise au survol */
}


/* _content/BUL.Herbier.Web/Pages/Participer/SpecimenForm_TaxonomicInfo.razor.rz.scp.css */
.custom-list-group-item[b-4y9e2lxdft] {
    padding-bottom: 0px !important;
}

.autocomplete-scientific-name[b-4y9e2lxdft] {
    margin-bottom: 0.5vh;
}

.required[b-4y9e2lxdft] {
    color: red;
    font-weight: bold;
}

.validation-message[b-4y9e2lxdft] {
    color: red;
    font-size: 0.9em;
    margin-top: 4px;
}

.text-ia[b-4y9e2lxdft] {
    border: 2px solid #FCC103 !important;
    background-color: #FFF9D6 !important;
    font-weight: bold;
    color: #000;
    border-radius: 10px;
}

.text-ia-icon[b-4y9e2lxdft] {
    font-weight: bold;
    color: #FCC103;
}


.labelOccurrenceId[b-4y9e2lxdft] {
    font-weight: bold;
}

.btn-primary[b-4y9e2lxdft] {
    background-color: var(--ul-color-red);
    color: var(--ul-color-white);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 0.9rem;
    font-weight: bold;
    padding: 0.3rem 0.5rem;
}

.btn-primary:hover[b-4y9e2lxdft] {
    background-image: linear-gradient(rgb(0 0 0/20%) 0 0); /* Slightly darker red */
}

.btn-secondary[b-4y9e2lxdft] {
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 0.9rem;
    font-weight: bold;
    padding: 0.3rem 0.5rem;
}

.btn-primary.disabled[b-4y9e2lxdft] {
    pointer-events: none; /* Empêche le clic */
    opacity: 0.6; /* Rend l'élément visuellement plus transparent */
    cursor: not-allowed; /* Change le curseur pour indiquer que l'élément est désactivé */
    background-image: none; /* Supprime le fond au survol */
    background-color: #d6d6d6; /* Fond gris pour un aspect désactivé */
    color: #7a7a7a; /* Couleur de l'icône en gris */
}

/* Liste Déroulante*/
.custom-dropdown[b-4y9e2lxdft] {
    position: relative;
    width: 100%;
}

/* Personnalisation du select */
.custom-select[b-4y9e2lxdft] {
    appearance: none; /* Masque la flèche par défaut */
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: $input-padding-y $input-padding-x;
    /*padding: 12px 40px 12px 12px;*/ /* Ajoute de l'espace à gauche et à droite pour le texte et la flèche */
    /*border: 2px solid #ccc;*/ /* Bordure légère pour le champ */
    border-radius: 8px; /* Coins arrondis pour un effet moderne */
    font-size: 16px; /* Police plus grande pour un meilleur rendu */
    /*font-family: 'Arial', sans-serif;*/ /* Choix de police plus moderne */
    font-family: 'Source Sans 3', sans-serif;
    transition: all 0.3s ease; /* Transition douce pour tous les changements */
    background-color: #fff; /* Fond blanc */
    color: #333; /* Texte foncé */
    cursor: pointer; /* Suggère l'interaction */
}

/* Survol : Change l'arrière-plan et la bordure */
.custom-select:hover[b-4y9e2lxdft] {
    border-color: #5cb85c; /* Bordure verte au survol */
}

/* Effet de focus : Change la couleur de la bordure et l'ombre */
.custom-select:focus[b-4y9e2lxdft] {
    border-color: var(--ul-color-red); /* Bordure bleue lorsqu'on clique */
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.5); /* Ombre autour du champ */
    outline: none; /* Enlève la bordure par défaut de focus */
}

/* Flèche personnalisée */
.custom-dropdown[b-4y9e2lxdft]::after {
    /*content: '\2193';*/ /* Code Unicode pour la flèche vers le bas */
    content: '\25BC'; /* Unicode pour une flèche vers le bas */
    font-size: 18px;
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    color: var(--ul-color-black); /* Couleur de la flèche */
    pointer-events: none; /* Permet d'interagir avec le select sous la flèche */
    transition: all 0.3s ease; /* Transition pour la flèche */
}

/* Effet au survol de la flèche */
.custom-dropdown:hover[b-4y9e2lxdft]::after {
    color: var(--ul-color-black); /* Change la couleur de la flèche au survol */
}

/* Si vous voulez un fond dégradé subtil */
.custom-select[b-4y9e2lxdft] {
   /* background: linear-gradient(to right, #f9f9f9, #fff);*/ /* Dégradé subtil pour l'arrière-plan */
}

/* Animation au survol pour un effet doux */
.custom-select:hover[b-4y9e2lxdft] {
    background-color: #f1f1f1; /* Fond légèrement grisé au survol */
    border-color: var(--ul-color-red); /* Bordure verte pour le survol */
}

/*Fin de la liste déroulante*/


.btn:focus[b-4y9e2lxdft],
.form-control:focus[b-4y9e2lxdft] {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem var(--ul-color-red);
    border-color: var(--ul-color-gray-light);
}

.btn-iconAnnotator[b-4y9e2lxdft] {
    background-color: var(--ul-color-red);
    color: var(--ul-color-white);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    padding: 0.1rem 0.3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s;
}

.btn-iconAnnotator:hover[b-4y9e2lxdft] {
    background-image: linear-gradient(rgb(0 0 0/20%) 0 0); /* Slightly darker red */
}

.btn-iconAnnotator i[b-4y9e2lxdft] {
    font-size: 1rem;
    pointer-events: none; /* Ensures the click event is on the parent div */
}

.div-annotation-section[b-4y9e2lxdft] {
    border-style: solid;
    padding-top: 0.5vh;
    margin-bottom: 0.5vh;
    border-radius: 0.5rem;
    background-color: white;
}

.toggle-span-flex[b-4y9e2lxdft]
{
    margin-left: 0.3vw;
}

.div-add-annotator-button[b-4y9e2lxdft] {
    padding-left: 0.2vw !important;
    padding-top: 1vh !important;
    padding-bottom: 1vh !important;
}

.spanIdBotanist[b-4y9e2lxdft] {
    margin-right: 1vh;
}
/* _content/BUL.Herbier.Web/Pages/Participer/SpecimenGrid.razor.rz.scp.css */

.containerGridSpecimen[b-zarslvqsy5] {
    margin-top: 10px;
    padding-bottom: 10px;
    padding-top: 12px;
    padding-left: 30px;
    width: 100%;
    background-color: #fff;
    position: relative;
    z-index: 520;
    display: flex;
    flex-direction: column; /* Empile les sections verticalement */
    align-items: flex-start;
}


.btn-icon[b-zarslvqsy5] {
    background-color: var(--ul-color-red);
    color: var(--ul-color-white);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    padding: 0.3rem 0.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s;
}

.btn-icon:hover[b-zarslvqsy5] {
    background-image: linear-gradient(rgb(0 0 0/20%) 0 0); /* Slightly darker red */
}

.btn-icon i[b-zarslvqsy5] {
    font-size: 1rem;
    pointer-events: none; /* Ensures the click event is on the parent div */
}

.btn-icon.disabled[b-zarslvqsy5] {
    pointer-events: none; /* Empêche le clic */
    opacity: 0.6; /* Rend l'élément visuellement plus transparent */
    cursor: not-allowed; /* Change le curseur pour indiquer que l'élément est désactivé */
    background-image: none; /* Supprime le fond au survol */
    background-color: #d6d6d6; /* Fond gris pour un aspect désactivé */
    color: #7a7a7a; /* Couleur de l'icône en gris */
}


.btn-searchSpecimen[b-zarslvqsy5] {
    background-color: var(--ul-color-red);
    color: var(--ul-color-white);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    padding: 0.3rem 0.5rem;
}

.btn-searchSpecimen:hover[b-zarslvqsy5] {
    background-image: linear-gradient(rgb(0 0 0/20%) 0 0); /* Slightly darker red */
}


.btn-clearSpecimen[b-zarslvqsy5] {
    background-color: var(--ul-color-red);
    color: var(--ul-color-white);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    padding: 0.3rem 0.5rem;
}

.btn-clearSpecimen:hover[b-zarslvqsy5] {
    background-image: linear-gradient(rgb(0 0 0/20%) 0 0); /* Slightly darker red */
}
/* _content/BUL.Herbier.Web/Pages/Participer/TranscriptionHelpReport.razor.rz.scp.css */
.containerPrompt[b-syzfz6lee3] {
    margin-top: 10px;
    padding-bottom: 10px;
    padding-top: 12px;
    margin-left: 30px;
    width: 90%;
    background-color: #fff;
    position: relative;
    z-index: 520;
    display: flex;
    flex-direction: column; /* Empile les sections verticalement */
    align-items: flex-start;
}

.divGridPrompt[b-syzfz6lee3] {
    margin-top: 10px;
    padding-bottom: 10px;
    padding-top: 12px;
    width: 90%;
    background-color: #fff;
    position: relative;
    z-index: 520;
    display: flex;
    flex-direction: column; /* Empile les sections verticalement */
    align-items: flex-start;
}

.divIframeReport[b-syzfz6lee3] {
    min-height: 100% !important;
    height: 100% !important;
}

.addPrompt[b-syzfz6lee3] {
    margin-bottom: 20px;
}


.required[b-syzfz6lee3] {
    color: red;
    font-weight: bold;
}

.btn-addPrompt[b-syzfz6lee3] {
    background-color: var(--ul-color-red);
    color: var(--ul-color-white);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    padding: 0.3rem 0.5rem;
}

.btn-addPrompt:hover[b-syzfz6lee3] {
    background-image: linear-gradient(rgb(0 0 0/20%) 0 0); /* Slightly darker red */
}



.btn-icon[b-syzfz6lee3] {
    background-color: var(--ul-color-red);
    color: var(--ul-color-white);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    padding: 0.3rem 0.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s;
}

.btn-icon:hover[b-syzfz6lee3] {
    background-image: linear-gradient(rgb(0 0 0/20%) 0 0); /* Slightly darker red */
}

.btn-icon i[b-syzfz6lee3] {
    font-size: 1rem;
    pointer-events: none; /* Ensures the click event is on the parent div */
}

.btn-icon.disabled[b-syzfz6lee3] {
    pointer-events: none; /* Empêche le clic */
    opacity: 0.6; /* Rend l'élément visuellement plus transparent */
    cursor: not-allowed; /* Change le curseur pour indiquer que l'élément est désactivé */
    background-image: none; /* Supprime le fond au survol */
    background-color: #d6d6d6; /* Fond gris pour un aspect désactivé */
    color: #7a7a7a; /* Couleur de l'icône en gris */
}

.blazor-tooltip-wrapper[b-syzfz6lee3] {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.blazor-tooltip-box[b-syzfz6lee3] {
    position: absolute;
    background-color: #f9f9f9;
    color: black;
    padding: 10px;
    border: 1px solid #ccc;
    z-index: 1000;
    white-space: pre-wrap;
    font-family: monospace;
    font-size: 12px;
    max-width: 400px;
    max-height: 300px;
    overflow: auto;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
    top: 100%;
    left: 0;
    display: none;
}

.blazor-tooltip-wrapper:hover .blazor-tooltip-box[b-syzfz6lee3] {
    display: block;
}

/*
    .selected-items, .span-selected-item: Adds margin to selected items in dropdowns.
*/
.bg-primary[b-syzfz6lee3] {
    background-color: var(--ul-color-red) !important;
}

.selected-items[b-syzfz6lee3] {
    margin-top: 0.5vh;
    margin-bottom: 2vh;
}

.span-selected-item[b-syzfz6lee3] {
    margin-top: 0.5vh !important;
}
/* _content/BUL.Herbier.Web/Pages/Participer/UserProfilForm.razor.rz.scp.css */
.containerGridUserProfil[b-bdfqhwzyqp] {
    margin-top: 10px;
    padding-bottom: 10px;
    padding-top: 12px;
    margin-left: 30px;
    width: 90%;
    background-color: #fff;
    position: relative;
    z-index: 520;
    display: flex;
    flex-direction: column; /* Empile les sections verticalement */
    align-items: flex-start;
}

.form-group[b-bdfqhwzyqp] {
    margin-bottom: 15px;
}

.required[b-bdfqhwzyqp] {
    color: red;
    font-weight: bold;
}

/*Début Toogle*/

input:disabled + .slider[b-bdfqhwzyqp] {
    background-color: #ddd !important; /* Gray background for disabled toggle */
    cursor: not-allowed !important; /* Prevent interaction */
}

input:disabled:checked + .slider[b-bdfqhwzyqp] {
    background-color: #bbb !important; /* Darker gray when checked */
}

input:disabled + .slider[b-bdfqhwzyqp]:before {
    background-color: #f0f0f0 !important; /* Gray circle for disabled state */
    transform: translateX(0) !important; /* Keep the circle in place */
}

/* Optional: Lower opacity for the entire toggle */
input:disabled[b-bdfqhwzyqp] {
    opacity: 0.6 !important; /* Make the entire toggle less opaque */
}

.toggle-switch[b-bdfqhwzyqp] {
    position: relative !important;
    display: inline-block !important;
    width: 60px !important; /* Réduction de la longueur */
    height: 20px !important; /* Hauteur ajustée pour rester mince */
}

.toggle-switch input[b-bdfqhwzyqp] {
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    position: absolute !important;
    z-index: -1 !important; /* Pour s'assurer qu'il reste en arrière-plan */
}


.slider[b-bdfqhwzyqp] {
    position: absolute !important;
    cursor: pointer !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background-color: #ccc !important;
    transition: .4s !important;
    border-radius: 20px !important;
}

.slider[b-bdfqhwzyqp]:before {
    position: absolute !important;
    content: "" !important;
    height: 16px !important; /* Taille du cercle ajustée */
    width: 16px !important;
    left: 2px !important; /* Décalage ajusté */
    bottom: 2px !important;
    background-color: white !important;
    transition: .4s !important;
    border-radius: 50% !important;
}

input:checked + .slider[b-bdfqhwzyqp] {
    background-color: var(--ul-color-red) !important;
}

input:checked + .slider[b-bdfqhwzyqp]:before {
    transform: translateX(38px) !important; /* Ajusté pour correspondre à la nouvelle largeur */
}


.toggle-switch[b-bdfqhwzyqp]::after {
    /*content: attr(data-tooltip);*/
    position: absolute;
    top: -30px; /* Position au-dessus du toggle */
    left: 50%;
    transform: translateX(-50%);
    background-color: #333;
    color: #fff;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    white-space: nowrap;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s, visibility 0.3s;
    pointer-events: none;
    z-index: 10;
}

/* Afficher le tooltip au survol */
.toggle-switch:hover[b-bdfqhwzyqp]::after {
    visibility: visible;
    opacity: 1;
}

/*Fin du Toggle*/


.btn-primary[b-bdfqhwzyqp] {
    background-color: var(--ul-color-red);
    color: var(--ul-color-white);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 0.9rem;
    font-weight: bold;
    padding: 0.3rem 0.5rem;
}

.btn-primary:hover[b-bdfqhwzyqp] {
    background-image: linear-gradient(rgb(0 0 0/20%) 0 0); /* Slightly darker red */
}

.btn-secondary[b-bdfqhwzyqp] {
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 0.9rem;
    font-weight: bold;
    padding: 0.3rem 0.5rem;
}

.btn-primary.disabled[b-bdfqhwzyqp] {
    pointer-events: none; /* Empêche le clic */
    opacity: 0.6; /* Rend l'élément visuellement plus transparent */
    cursor: not-allowed; /* Change le curseur pour indiquer que l'élément est désactivé */
    background-image: none; /* Supprime le fond au survol */
    background-color: #d6d6d6; /* Fond gris pour un aspect désactivé */
    color: #7a7a7a; /* Couleur de l'icône en gris */
}

/* Liste Déroulante*/
.custom-dropdown[b-bdfqhwzyqp] {
    position: relative;
    width: 100%;
}

/* Personnalisation du select */
.custom-select[b-bdfqhwzyqp] {
    appearance: none; /* Masque la flèche par défaut */
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: $input-padding-y $input-padding-x;
    /*padding: 12px 40px 12px 12px;*/ /* Ajoute de l'espace à gauche et à droite pour le texte et la flèche */
    /*border: 2px solid #ccc;*/ /* Bordure légère pour le champ */
    border-radius: 8px; /* Coins arrondis pour un effet moderne */
    font-size: 16px; /* Police plus grande pour un meilleur rendu */
    /*font-family: 'Arial', sans-serif;*/ /* Choix de police plus moderne */
    font-family: 'Source Sans 3', sans-serif;
    transition: all 0.3s ease; /* Transition douce pour tous les changements */
    background-color: #fff; /* Fond blanc */
    color: #333; /* Texte foncé */
    cursor: pointer; /* Suggère l'interaction */
}

/* Survol : Change l'arrière-plan et la bordure */
.custom-select:hover[b-bdfqhwzyqp] {
    border-color: #5cb85c; /* Bordure verte au survol */
}

/* Effet de focus : Change la couleur de la bordure et l'ombre */
.custom-select:focus[b-bdfqhwzyqp] {
    border-color: var(--ul-color-red); /* Bordure bleue lorsqu'on clique */
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.5); /* Ombre autour du champ */
    outline: none; /* Enlève la bordure par défaut de focus */
}

/* Flèche personnalisée */
.custom-dropdown[b-bdfqhwzyqp]::after {
    /*content: '\2193';*/ /* Code Unicode pour la flèche vers le bas */
    content: '\25BC'; /* Unicode pour une flèche vers le bas */
    font-size: 18px;
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    color: var(--ul-color-black); /* Couleur de la flèche */
    pointer-events: none; /* Permet d'interagir avec le select sous la flèche */
    transition: all 0.3s ease; /* Transition pour la flèche */
}

/* Effet au survol de la flèche */
.custom-dropdown:hover[b-bdfqhwzyqp]::after {
    color: var(--ul-color-black); /* Change la couleur de la flèche au survol */
}


/* Animation au survol pour un effet doux */
.custom-select:hover[b-bdfqhwzyqp] {
    background-color: #f1f1f1; /* Fond légèrement grisé au survol */
    border-color: var(--ul-color-red); /* Bordure verte pour le survol */
}

/*Fin de la liste déroulante*/


.btn:focus[b-bdfqhwzyqp],
.form-control:focus[b-bdfqhwzyqp] {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem var(--ul-color-red);
    border-color: var(--ul-color-gray-light);
}
/* _content/BUL.Herbier.Web/Pages/Participer/UserProfilGrid.razor.rz.scp.css */
.containerGridUserProfil[b-rnvv56trcb] {
    margin-top: 10px;
    padding-bottom: 10px;
    padding-top: 12px;
    margin-left: 30px;
    width: 90%;
    background-color: #fff;
    position: relative;
    z-index: 520;
    display: flex;
    flex-direction: column; /* Empile les sections verticalement */
    align-items: flex-start;
}

.addUser[b-rnvv56trcb]{
    margin-bottom: 20px;
}



.btn-addUser[b-rnvv56trcb] {
    background-color: var(--ul-color-red);
    color: var(--ul-color-white);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    padding: 0.3rem 0.5rem;
}

.btn-addUser:hover[b-rnvv56trcb] {
    background-image: linear-gradient(rgb(0 0 0/20%) 0 0); /* Slightly darker red */
}


.btn-icon[b-rnvv56trcb] {
    background-color: var(--ul-color-red);
    color: var(--ul-color-white);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    padding: 0.3rem 0.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s;
}

.btn-icon:hover[b-rnvv56trcb] {
    background-image: linear-gradient(rgb(0 0 0/20%) 0 0); /* Slightly darker red */
}

.btn-icon i[b-rnvv56trcb] {
    font-size: 1rem;
    pointer-events: none; /* Ensures the click event is on the parent div */
}

.btn-icon.disabled[b-rnvv56trcb] {
    pointer-events: none; /* Empêche le clic */
    opacity: 0.6; /* Rend l'élément visuellement plus transparent */
    cursor: not-allowed; /* Change le curseur pour indiquer que l'élément est désactivé */
    background-image: none; /* Supprime le fond au survol */
    background-color: #d6d6d6; /* Fond gris pour un aspect désactivé */
    color: #7a7a7a; /* Couleur de l'icône en gris */
}




/* _content/BUL.Herbier.Web/Pages/Participer/Version.razor.rz.scp.css */
.img-icon-assistance-browser[b-4jympel31v] {
    /*width: 20px;*/
    height: 50px;
    vertical-align: middle !important;
}

.div-assistance-tab-content[b-4jympel31v] {
    margin-top: 2vh;
    max-width: 45vw;
    max-height: 60vh;
    line-height: 1.3em;
    overflow-y: auto;
    margin-left: 1vw;
}
/* _content/BUL.Herbier.Web/Pages/Participer/VolunterHeader.razor.rz.scp.css */
.containerMessage[b-63zqtsylg9] {
    margin-top: 10px;
    padding-bottom: 10px;
    padding-top: 12px;
    margin-left: 30px;
    width: 90%;
    background-color: #fff;
    position: relative;
    z-index: 520;
    display: flex;
    justify-content: space-between;
    align-items: center; /* Pour un bon alignement vertical */
}


.tab-container[b-63zqtsylg9] {
    position: relative;
    margin-top: 20px; /* Espace sous le titre */
    margin-bottom: 20px; /* Espace sous les onglets */
    display: flex;
    justify-content: space-between; /* Pour que divTabs soit à droite */
    align-items: center; /* Aligner verticalement si nécessaire */
}

#divHello[b-63zqtsylg9] {
    flex-grow: 1; /* Laisse l’espace à droite */
}


#divTabs[b-63zqtsylg9] {
    flex-shrink: 0; /* Pour que divTabs ne rétrécisse pas */
}


.nav-link[b-63zqtsylg9] {
    background-color: #f8f9fa;
    color: #0099FF;
    border: 1px solid #0099FF;
    border-bottom: none;
    padding: 10px 20px;
    font-weight: bold;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.nav-link.active[b-63zqtsylg9], .nav-link:hover[b-63zqtsylg9] {
    background-color: #0099FF;
    color: white;
}
/* _content/BUL.Herbier.Web/Shared/ActiveNotifications.razor.rz.scp.css */



/*#notifications_container .notification_container {
    display: flex;
    justify-content: space-between;
    padding: 5px;
    color: white;
    background-color: #880000;
}*/

#notifications_container .notification_container[b-gfm5fx91ge] {
    display: flex;
    align-items: center; /* aligne verticalement les éléments */
    justify-content: space-between;
    color: white;
    padding: 1px 1px; /* réduit la hauteur (top/bottom) tout en gardant un peu de largeur (left/right) */
    font-size: 1rem; /* optionnel : réduit la taille de police */
    min-height: 25px; /* optionnel : contrôle la hauteur minimale */
    line-height: 0.2; /* optionnel : réduit l’espacement entre lignes si nécessaire */
    padding-right: 5px; /* optionnel : ajoute un peu d’espace à gauche */
}


    #notifications_container .notification_container h6[b-gfm5fx91ge] {
        font-weight: 600;
        letter-spacing: 1px;
        max-width: 80vw;
        margin: 0;
        font-size: 1rem; /* optionnel : réduit la taille de police */
    }

#notifications_container .notification_container span.glyphicon[b-gfm5fx91ge] {
    cursor: pointer;
    padding-bottom: 2px;
}

#notifications_container .notification_alert[b-gfm5fx91ge] {
    /*background-color: #880000;*/
    background-color: #e30513;
}

#notifications_container .notification_warning[b-gfm5fx91ge] {
    /*background-color: #d6a900;*/
    background-color: #ffc103;
}

#notifications_container .notification_information[b-gfm5fx91ge] {
    background-color: #009dff;
}

a[class^=confirmation][class$="Delete"][b-gfm5fx91ge] {
    text-decoration: none;
}

.clickable-close[b-gfm5fx91ge] {
    cursor: pointer;
}
/* _content/BUL.Herbier.Web/Shared/BannerUL.razor.rz.scp.css */
.header[b-9orbodk15j] {
    position: relative;
    box-shadow: 0 1px 7px 0 rgba(0, 0, 0, .15);
}

.header[b-9orbodk15j]:before {
    content: "";
    display: block
}

.header[b-9orbodk15j]:before {
    background-image: linear-gradient(90deg, var(--ul-color-red), var(--ul-color-red) 80%, var(--ul-color-yellow) 80%, var(--ul-color-yellow));
    background-color: var(--ul-color-white);
    background-repeat: no-repeat;
    background-size: 100% 8px;
    height: 8px;
}

.header-container[b-9orbodk15j] {
    background-color: #fff;
    position: relative;
    z-index: 520;
    display: flex;
    flex-direction: column; /* Empile les sections verticalement */
    align-items: flex-start; /* Aligne tout à gauche */
}

.header-container > .header-subcontainer[b-9orbodk15j] {
    padding-bottom: 10px;
    padding-top: 12px;
    margin-left: 50px;
    width: 95%
}

.header-top[b-9orbodk15j] {
    align-items: center;
    display: flex;
    gap: 5px; /* Espacement entre les éléments */
    margin-bottom: 15px; /* Ajoute de l'espace entre header-top et text-container */
}

.header-top-brand[b-9orbodk15j] {
    align-items: center;
    display: flex;
    justify-content: space-between; /* Espace entre les éléments */
}

.culture-selector[b-9orbodk15j] {
    margin-left: auto; /* Pousse le composant à droite */
}

.header a.header-university-link[b-9orbodk15j] {
    display: flex;
    margin: -2px;
    padding: 2px;
    white-space: nowrap
}

.header a.header-university-link[b-9orbodk15j] {
    color: #000;
    text-decoration: none
}

.header .university-logo-simplified[b-9orbodk15j] {
    display: block;
    margin-right: .625em;
    width: 19px;
}

.divHerbier[b-9orbodk15j] {
    margin-top: -4px;
}

.text-style[b-9orbodk15j] {
    font-size: 14px;
    font-weight: bold;
    color: #000000;
}


.logo[b-9orbodk15j] {
    height: 40px; /* Ajust accordingly with the logo size */
    width: auto;
    cursor: pointer;
}

.navbar[b-9orbodk15j] {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center; 
    gap: 10px; 
    padding: 10px 10px 6px 10px;
    background-color: var(--ul-color-white);
    box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1);
}

.navbar-right[b-9orbodk15j] {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
}

.navbar a[b-9orbodk15j] {
    margin-right: auto; /* Pushes the logo to the far left */
}

.navbar-title[b-9orbodk15j] {
    font-size: 16px;
    font-weight: bold;
    margin-right: 15px; /* Adjust this value to move the title closer to the button */
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-align: end;
}


/* Divs en dessous */
.text-container[b-9orbodk15j] {
    display: flex;
    flex-direction: column; /* Empile les divs verticalement */
    align-items: flex-start; /* Aligne le texte à gauche */
}

/* Styles des divs */
.div1[b-9orbodk15j] {
    font-size: 1.5rem; /* Police plus grande */
    font-weight: bold; /* Texte en gras */
}

.div2[b-9orbodk15j] {
    font-size: 1rem; /* Taille normale */
}


.header-logout[b-9orbodk15j] {
    display: flex;
    align-items: center;
}

.page-container[b-9orbodk15j] {
    display: flex;
    justify-content: space-between; /* Sépare les éléments avec un espace entre eux */
    align-items: center; /* Aligne verticalement les éléments */
    width: 100%; /* Utilise toute la largeur disponible */
}

.text-container[b-9orbodk15j] {
    flex: 1; /* Prend toute la place disponible à gauche */
}

.previouspage[b-9orbodk15j] {
    flex: 0; /* Garde la largeur minimale nécessaire pour le contenu */
    text-align: right; /* Aligne le contenu interne à droite */
}
/* _content/BUL.Herbier.Web/Shared/CultureSelector.razor.rz.scp.css */
.custom-select option[b-85tpgt844c] {
    font-size: 14px;
    font-weight: bold;
    color: #000000;
}

.custom-select[b-85tpgt844c] {
    font-size: 14px;
    font-weight: bold;
    color: #000000;
}
/* _content/BUL.Herbier.Web/Shared/CustomModal.razor.rz.scp.css */
.modal-header[b-fesxb28itj],
.modal-footer[b-fesxb28itj] {
    padding: 0.25rem 0.5rem; /* Réduit le padding vertical */
    min-height: auto; /* Supprime la hauteur minimale */
}

.modal-header .modal-title[b-fesxb28itj] {
    font-size: 1rem; /* Si tu veux un titre plus petit quand utilisé */
    margin-bottom: 0;
}

.modal-footer > *[b-fesxb28itj] {
    margin: 0 0.25rem; /* Réduit l'espacement entre les boutons */
}


.compact-modal .modal-header[b-fesxb28itj],
.compact-modal .modal-footer[b-fesxb28itj] {
    padding: 0.25rem 0.5rem;
}

.compact-modal .modal-title[b-fesxb28itj] {
    font-size: 1rem;
    margin-bottom: 0;
}

.compact-modal .modal-footer > *[b-fesxb28itj] {
    margin: 0 0.25rem;
}


.modal-header.minimal-header[b-fesxb28itj] {
    height: 3vh !important;
    padding: 0 0.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.modal-header.minimal-header .btn-close[b-fesxb28itj] {
    width: 1rem;
    height: 1rem;
    padding: 0.2rem;
    background-size: 0.75rem;
}

.modal-footer.footer-left[b-fesxb28itj] {
    justify-content: flex-start !important;
}

/* _content/BUL.Herbier.Web/Shared/FileToUpload.razor.rz.scp.css */
#upload[b-jfe4oyivwx] {
    background-color: var(--ul-color-red);
    color: var(--ul-color-white);
    border: none;
    border-radius: 5px;
    font-weight: bold;

}

#upload:hover[b-jfe4oyivwx] {
    background-image: linear-gradient(rgb(0 0 0/20%) 0 0); /* Slightly darker red */
}

#selectFile[b-jfe4oyivwx] {
    background-color: var(--ul-color-red);
    color: var(--ul-color-white);
    border: none;
    border-radius: 5px;
    font-weight: bold;
}

    #selectFile:hover[b-jfe4oyivwx] {
        background-image: linear-gradient(rgb(0 0 0/20%) 0 0); /* Slightly darker red */
    }

.validation-message[b-jfe4oyivwx] {
    color: red;
    font-size: 0.9em;
    margin-top: 4px;
}

/* _content/BUL.Herbier.Web/Shared/FooterUL.razor.rz.scp.css */
.footer[b-gtxfuynqyn] {
    box-shadow: 0 0 10px 0 rgba(0,0,0,.15);
    position: relative;
    z-index: 400
}



.footer-bottom[b-gtxfuynqyn] {
    background-color: #000;
    color: #fff;
    padding-bottom: 1em;
    padding-top: 1em;
    text-align: center;
    display: flex;
    justify-content: flex-end; /* Aligns content to the right */
    padding: 20px; /* Optional padding */
    width: 100%;
}

.container.footer-bottom-inner[b-gtxfuynqyn] {
    display: flex;
    flex-direction: row;
    align-items: center; /* Vertically center the content */
    justify-content: flex-end; /* Aligns the content to the right */
    width: 100%;
}

.footer-copyright[b-gtxfuynqyn] {
    font-size: .75em;
    margin-bottom: 0
}

    .footer-copyright span + span[b-gtxfuynqyn]:before {
        content: "|";
        padding: 0 .333em;
        position: relative;
        top: -1px
    }

.footer-legal[b-gtxfuynqyn] {
    font-size: .75em;
    margin-bottom: 0;
    margin-top: .5em
}

    .footer-legal li[b-gtxfuynqyn] {
        display: block;
        margin-top: .17em
    }

    .footer-legal a[b-gtxfuynqyn] {
        color: #fff;
        text-decoration: none
    }

        .footer-legal a:focus[b-gtxfuynqyn] {
            outline-color: #b3b3b3
        }

.footer-copyright[b-gtxfuynqyn], .footer-legal[b-gtxfuynqyn] {
    line-height: 1.5em
}

@media (min-width: 470px) {
    .footer-legal[b-gtxfuynqyn] {
        margin-top: 0
    }

        .footer-legal li[b-gtxfuynqyn] {
            display: inline-block;
            margin-top: 0
        }

            .footer-legal li + li[b-gtxfuynqyn]:before {
                content: "|";
                padding: 0 .5em;
                position: relative;
                top: -1px
            }
}

@media (min-width: 576px) {
    .footer-navigation[b-gtxfuynqyn] {
        align-items: flex-start;
        display: flex;
        gap: 2em;
        justify-content: space-between
    }

    .footer-navigation-group[b-gtxfuynqyn] {
        flex: 1 1 33%
    }

        .footer-navigation-group + .footer-navigation-group[b-gtxfuynqyn] {
            margin-top: 0
        }
}

@media (min-width: 670px) {
    .footer-contact[b-gtxfuynqyn] {
        display: flex;
        gap: 2em;
        justify-content: space-between
    }

    .footer-social[b-gtxfuynqyn] {
        justify-content: flex-end;
        margin-bottom: 0;
        margin-top: -.5em
    }

    .footer-button[b-gtxfuynqyn] {
        max-width: none;
        min-width: 12em
    }

    .footer-utils[b-gtxfuynqyn] {
        gap: 2em
    }

    .footer-logos[b-gtxfuynqyn] {
        align-items: center;
        display: flex;
        gap: 2em;
        justify-content: flex-end
    }

    .footer-bottom[b-gtxfuynqyn] {
        text-align: left
    }
}

@media (min-width: 768px) {
    .footer-address-title-inner[b-gtxfuynqyn] {
        text-align: left
    }

    .footer-utils[b-gtxfuynqyn] {
        display: flex;
        justify-content: space-between;
        transition: max-width .125s ease
    }

    .footer-navigation[b-gtxfuynqyn] {
        flex: 1 1 75%
    }

    .footer-emergency[b-gtxfuynqyn] {
        flex: 1 1 25%;
        margin-top: 0
    }

    .footer-bottom-inner[b-gtxfuynqyn] {
        display: flex;
        flex-wrap: wrap;
    }

    .footer-logos[b-gtxfuynqyn] {
        text-align: left
    }

    .footer-accreditations[b-gtxfuynqyn] {
        align-items: center;
        display: flex;
        gap: 2.75em
    }

        .footer-accreditations .menu[b-gtxfuynqyn] {
            margin-bottom: 0
        }

    .footer-copyright[b-gtxfuynqyn], .footer-legal[b-gtxfuynqyn] {
        flex-shrink: 0
    }

    .footer-legal[b-gtxfuynqyn] {
        display: flex;
        padding:0;
    }

        .footer-legal[b-gtxfuynqyn]:before {
            content: "|";
            padding: 0 .5em;
            position: relative;
            top: -1px
        }

        .footer-legal li[b-gtxfuynqyn] {
            display: flex
        }
}

.footer-accreditations li[b-gtxfuynqyn] {
    margin-bottom: 20px
}

    .footer-accreditations li svg[b-gtxfuynqyn] {
        display: block;
        margin: auto
    }

@media (min-width: 992px) {
    .footer-accreditations li[b-gtxfuynqyn] {
        margin-bottom: 0
    }
}

@media (min-width: 768px) {
    .footer-utils .footer-emergency[b-gtxfuynqyn] {
        text-align: right
    }
}

@media (min-width: 992px) {
    .footer-contact[b-gtxfuynqyn] {
        display: flex;
        justify-content: space-between
    }
}

@media (min-width: 1200px) {
    .footer-main .tel[b-gtxfuynqyn] {
        text-decoration: unset
    }

    .footer-utils[b-gtxfuynqyn] {
        max-width: 100%
    }
}

.clickable-link[b-gtxfuynqyn] {
    color: #fff;
    text-decoration: none;
    cursor: pointer; /* Curseur en main */
}

    /*.clickable-link:hover {
        color: #0056b3;
        cursor: pointer;*/ /* Assure que la main s'affiche au survol */
    /*}*/
/* _content/BUL.Herbier.Web/Shared/ImageViewer.razor.rz.scp.css */
.photo-viewer[b-ujtfcbw3ft] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: relative; /* Important pour positionner les boutons correctement */
}

.photo-container[b-ujtfcbw3ft] {
    position: relative; /* Important pour que les boutons se placent bien */
    width: 100%;
    height: 100%;
    overflow: hidden;
    border: 2px solid #ccc;
    display: flex;
    align-items: flex-end; /* Force l'image en bas */
    justify-content: flex-end; /* Force l'image à droite */
}

.photo[b-ujtfcbw3ft] {
    max-width: none;
    max-height: none;
    width: 100%;
    height: 100%;
    object-fit: contain;
    cursor: grab;
    position: relative;
    z-index: 1;
}


.photo.zoomable-image[b-ujtfcbw3ft] {
    width: 100%;
    height: auto;
}

.watermark[b-ujtfcbw3ft] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 2em;
    color: rgba(255, 0, 0, 0.7); /* Couleur et transparence du filigrane */
    font-weight: bold;
    z-index: 10;
    pointer-events: none; /* Permet d'interagir avec l'image derrière */
}


.zoompandiv[b-ujtfcbw3ft] {
    position: absolute; /* Changez fixed à absolute pour le positionner par rapport au parent */
    top: 10px; /* Ajustez la position en fonction de vos besoins */
    right: 40px; /* Ajustez la position en fonction de vos besoins */
    /*width: 160px;*/
    z-index: 999;
    background-color: rgba(200,200,200,0.5);
    border-radius: 5px;
    border: 1px solid black;
    transition: background-color 0.3s, border-color 0.3s; /* Ajoute une transition pour l'effet de hover et de clic */
}

/* Style au survol (hover) */
.zoompandiv div:hover[b-ujtfcbw3ft] {
    background-color: #e0e0e0;
    border-color: #000; /* Change la couleur de la bordure au survol */
}

/* Style au clic (active) */
.zoompandiv div:active[b-ujtfcbw3ft] {
    background-color: #d0d0d0;
    border-color: #333; /* Change la couleur de la bordure au clic */
}

.zoompandiv:hover[b-ujtfcbw3ft] {
    cursor: pointer;
}

.zicon[b-ujtfcbw3ft] {
    float: left;
    padding: 3px;
}

.fa[b-ujtfcbw3ft] {
    z-index: 999;
    color: rgba(0,0,0,0.4);
}
/* _content/BUL.Herbier.Web/Shared/LoadingOverlay.razor.rz.scp.css */
/*.loading-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 900;
    color: var(--ul-color-white);
    text-align: center;
}

.spinner {
    border: 4px solid rgba(0, 0, 0, 0.1);
    border-left-color: var(--ul-color-white);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 1s linear infinite;
    margin-top: 20px;
    align-content: center;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
*/


.loading-overlay[b-wt25gbwv9j] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* Réduire l'opacité pour une vue plus douce */
    backdrop-filter: blur(5px); /* Ajouter un effet de flou sur le fond */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 900;
    color: var(--ul-color-white);
    text-align: center;
    padding: 20px; /* Ajouter un padding pour éviter que le contenu touche les bords */
}

.spinner[b-wt25gbwv9j] {
    border: 6px solid rgba(255, 255, 255, 0.3); /* Couleur blanche translucide pour un effet élégant */
    border-left-color: var(--ul-color-white);
    border-radius: 50%;
    width: 60px; /* Augmenter la taille du spinner */
    height: 60px;
    animation: spin-b-wt25gbwv9j 1s linear infinite;
    margin-top: 20px;
}

.loading-text[b-wt25gbwv9j] {
    font-size: 1.5rem; /* Agrandir le texte pour une meilleure lisibilité */
    margin-top: 10px; /* Ajouter de l'espace entre le spinner et le texte */
}

@keyframes spin-b-wt25gbwv9j {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
/* _content/BUL.Herbier.Web/Shared/PageHeader.razor.rz.scp.css */