@import 'Hcd.FormConso.UI.Client.bundle.scp.css';

/* _content/Hcd.FormConso.UI/Components/Fields/Base/Claim/AttachmentsField.razor.rz.scp.css */
.claim-field__attachments[b-cr0p7aptuy] {
    display: flex;
    flex-direction: column;
}

[b-cr0p7aptuy].claim-field__attachments > :not(:last-child) .form-group {
    margin-bottom: 0;
}
/* _content/Hcd.FormConso.UI/Components/Fields/Shared/BaseField.razor.rz.scp.css */
[b-lpn229ya31] .form-label {
    align-items: stretch;
    column-gap: .5em;
    display: flex;
    flex-direction: row;
    font-weight: 500;
    width: fit-content;
}

/*
    Blazorise
*/

[b-lpn229ya31] .b-is-autocomplete .dropdown-menu {
    padding-bottom: 0;
    padding-top: 0;
}

[b-lpn229ya31] .form-file:has(.is-invalid) ~ .invalid-feedback {
    display: block;
}
/* _content/Hcd.FormConso.UI/Components/Fields/Shared/CaptchaField.razor.rz.scp.css */
.claim-field__captcha[b-6jg3fzedui] {
    border-radius: .25em;
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: fit-content;
}

[b-6jg3fzedui] .claim-field__captcha-reset {
    background: #fff;
    border-radius: .25em;
    padding: 0;
    width: 2em;
}
    [b-6jg3fzedui] .claim-field__captcha-reset:active {
        background: #ddd;
    }
    [b-6jg3fzedui] .claim-field__captcha-reset:hover {
        background: #eee;
    }

[b-6jg3fzedui]:not(.expired) .claim-field__captcha-reset {
    visibility: hidden;
}
/* _content/Hcd.FormConso.UI/Components/Forms/ClaimForm.razor.rz.scp.css */
[claim-form] .claim-form__hint-mandatory {
    display: block;
    font-style: italic;
    text-align: center;
    width: 100%;
}

    [claim-form] .claim-form__hint-mandatory .form-label-required::after {
        content: "*";
        font-style: inherit;
    }

[claim-form] .claim-form__notification {
    align-items: center;
    display: flex;
    height: 100dvh;
    justify-content: center;
    left: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    width: 100dvw;
}

    [claim-form] .claim-form__notification .toast-container {
        position: relative !important;
    }

    [claim-form] .claim-form__notification .toast {
        width: calc(var(--bs-toast-max-width) * 1.2);
    }

    [claim-form] .claim-form__notification * {
        font-size: 1.1em;
    }

[claim-form] .claim-form__submit {
    align-items: center;
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
    width: 100%;
}

[claim-form] .claim-form__submit-button {
    background: var(--color-background) !important;
    box-shadow: none !important;
    color: var(--color-text) !important;
    font-weight: bold;
}

    [claim-form] .claim-form__submit-button:active,
    [claim-form] .claim-form__submit-button:hover {
        background: var(--color-background-hover) !important;
        color: var(--color-text-hover) !important;
    }

[claim-form] .claim-form__submit-pre,
[claim-form] .claim-form__submit-post {
    width: 100%;
}

[claim-form] .claim-form__loading {
    align-items: center;
    background: rgba(255, 255, 255, 0.5);
    display: none;
    height: 100dvh;
    justify-content: center;
    left: 0;
    pointer-events: all;
    position: fixed;
    top: 0;
    width: 100dvw;
    z-index: 200;
}

    [claim-form] .claim-form__loading .toast-body {
        align-items: center;
        display: flex;
        justify-content: center;
    }

    [claim-form] .claim-form[data-loading] .claim-form__loading {
        display: flex;
    }
/* _content/Hcd.FormConso.UI/Components/Layouts/PageLayout.razor.rz.scp.css */
/*
    Desktop
*/

/* Layout - Base */
.layout[b-o7qrzfr12j] {
    --size-padding: .5rem;
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    margin: 0 auto;
    max-width: 1370px;
    position: relative;
    width: 100%;
    scrollbar-color: #222 transparent;
}

/* Layout - Header + Footer */
.layout__footer[b-o7qrzfr12j],
.layout__header[b-o7qrzfr12j] {
    height: fit-content;
    width: 100%;
}

/* Layout - Content */
.layout__content[b-o7qrzfr12j] {
    flex-grow: 1;
    scrollbar-gutter: both-edges;
    width: 60%;
}

/* Error */
#blazor-error-ui[b-o7qrzfr12j] {
    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: absolute;
    width: 100%;
    z-index: 1000;
}

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

/*
    Mobile
*/
@media (max-aspect-ratio: 1/1), (max-width: 700px) {
    /* Layout - Wrapper - Content + Footer */
    .layout__wrapper[b-o7qrzfr12j] {
        overflow-y: auto;
    }

    /* Layout - Content */
    .layout__content[b-o7qrzfr12j] {
        overflow-y: visible;
        padding: 0 1rem;
        width: 100%;
    }

    /* Layout - Footer */
    .layout__footer[b-o7qrzfr12j] {
        box-shadow: none;
    }
}
/* _content/Hcd.FormConso.UI/Pages/Errors/HttpError.razor.rz.scp.css */
.http-error[b-5b8ylliy5o] {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
/* _content/Hcd.FormConso.UI/Pages/Forms/Haier/Haier.razor.rz.scp.css */
.layout:has(.haier-form) .claim-form__header[claim-form] {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.layout:has(.haier-form) .claim-form__header-logo[claim-form] {
    max-width: 1345px;
    width: 100%;
}

.layout:has(.haier-form) .claim-form__header-title[claim-form] {
    margin: 0;
    text-align: center;
    width: 100%;
}

.layout:has(.haier-form) .cgv *[claim-form] {
    font-size: 13px;
}
.layout:has(.haier-form) .cgv .separator[claim-form] {
    border-top: 1px solid #333;
    margin: var(--size-padding) 0;
    width: 100%;
}

.layout:has(.haier-form) .claim-form__footer-links[claim-form] {
    column-gap: 1rem;
    display: flex;
    flex-direction: row;
    margin: 0 auto;
}

.layout:has(.haier-form) .claim-form__submit[claim-form]  .claim-form__submit-button {
    --color-background: #333;
    --color-background-hover: #555;
    --color-text: #fff;
    --color-text-hover: #fff;
}

/*
    Mobile
*/
@media (max-aspect-ratio: 1/1), (max-width: 700px) {
    .layout:has(.haier-form) .claim-form__header[claim-form] {
        padding: 0;
    }
}
/* _content/Hcd.FormConso.UI/Pages/Forms/Leclerc/LeclercForm.Conso.razor.rz.scp.css */
.layout:has(.leclerc-conso-form) .claim-form__header[claim-form] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: var(--size-padding) var(--size-padding) 0 var(--size-padding);
}

.layout:has(.leclerc-conso-form) .claim-form__header-logo[claim-form] {
    width: 20%;
}

.layout:has(.leclerc-conso-form) .claim-form__header-title[claim-form] {
    margin: 0;
    text-align: center;
    width: 100%;
}

.layout:has(.leclerc-conso-form) .claim-form__submit[claim-form]  .claim-form__submit-button {
    --color-background: #0db;
    --color-background-hover: #0a8;
    --color-text: #fff;
    --color-text-hover: #fff;
}
/* _content/Hcd.FormConso.UI/Pages/Forms/Leclerc/LeclercForm.Support.razor.rz.scp.css */
.layout:has(.leclerc-support-form) .claim-form__header[claim-form] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: var(--size-padding) var(--size-padding) 0 var(--size-padding);
}

.layout:has(.leclerc-support-form) .claim-form__header-logo[claim-form] {
    width: 20%;
}

.layout:has(.leclerc-support-form) .claim-form__header-title[claim-form] {
    margin: 0;
    text-align: center;
    width: 100%;
}

.layout:has(.leclerc-support-form) .claim-form__submit[claim-form]  .claim-form__submit-button {
    --color-background: #0db;
    --color-background-hover: #0a8;
    --color-text: #fff;
    --color-text-hover: #fff;
}