/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-45dzlnd2tr] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    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-45dzlnd2tr] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-hhoel0j3zj],
.components-reconnect-repeated-attempt-visible[b-hhoel0j3zj],
.components-reconnect-failed-visible[b-hhoel0j3zj],
.components-pause-visible[b-hhoel0j3zj],
.components-resume-failed-visible[b-hhoel0j3zj],
.components-rejoining-animation[b-hhoel0j3zj] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-hhoel0j3zj],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-hhoel0j3zj],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-hhoel0j3zj],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-hhoel0j3zj],
#components-reconnect-modal.components-reconnect-retrying[b-hhoel0j3zj],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-hhoel0j3zj],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-hhoel0j3zj],
#components-reconnect-modal.components-reconnect-failed[b-hhoel0j3zj],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-hhoel0j3zj] {
    display: block;
}


#components-reconnect-modal[b-hhoel0j3zj] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-hhoel0j3zj 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-hhoel0j3zj 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-hhoel0j3zj 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-hhoel0j3zj]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-hhoel0j3zj 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-hhoel0j3zj {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-hhoel0j3zj {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-hhoel0j3zj {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-hhoel0j3zj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-hhoel0j3zj] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-hhoel0j3zj] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-hhoel0j3zj] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-hhoel0j3zj] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-hhoel0j3zj] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-hhoel0j3zj] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-hhoel0j3zj 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-hhoel0j3zj] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-hhoel0j3zj {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Layout/SideNavItem.razor.rz.scp.css */
/*
    Collapsed sidebar: legacy jquery.dynamic.js toggled "li.hover-li" on mouseenter/mouseleave
    (main.css "page-sidebar.collapse-sidebar .nav li.hover-li"). Expressed with :hover instead of JS.
    The anchor background is intentionally omitted: in the legacy cascade the later "li a:hover" rule
    (main.css or the active theme) always wins over the hover-li background.
*/
.page-sidebar.collapse-sidebar .nav li:hover[b-si1dny25ej] {
    height: 42px;
}

    .page-sidebar.collapse-sidebar .nav li:hover[b-si1dny25ej]  a {
        z-index: 999;
        width: 221px;
    }

    .page-sidebar.collapse-sidebar .nav li:hover span.txt[b-si1dny25ej] {
        display: inline-block;
        width: auto;
        padding: 10px 0 10px 20px;
    }

    .page-sidebar.collapse-sidebar .nav li:hover i[b-si1dny25ej] {
        color: #ffffff;
        float: left !important;
        margin-left: 6px;
    }

    .page-sidebar.collapse-sidebar .nav li:hover[b-si1dny25ej]  a.active:before {
        background-color: transparent !important;
        border-color: transparent !important;
    }
/* /Components/Shared/Data/DataTable.razor.rz.scp.css */
/*
    RadzenDataGrid restyled as the legacy "table table-hover table-striped table-bordered". Values are the computed legacy
    styles (bootstrap.css, plugins.css, Site.css and App_Themes) measured on the original markup.
*/
.data-table[b-81bl2oovk7] {
    position: relative;
}

/* ExibeLoader: the list keeps its space under the loader, or leaves the flow when the loader has a fixed height. */
.data-table-loading[b-81bl2oovk7] {
    visibility: hidden;
}

.data-table-hidden[b-81bl2oovk7] {
    display: none;
}

/*
    jquery.dynamic.js responsiveTables bar (slimScrollHorizontal: size 8px, color #fff, opacity 0.4, rail #333 with opacity 1),
    drawn on the native scrollbar of bootstrap's ".table-responsive { overflow-x: auto }" and shown while the mouse is over it.
*/
.table-responsive[b-81bl2oovk7]::-webkit-scrollbar {
    height: 8px;
}

.table-responsive[b-81bl2oovk7]::-webkit-scrollbar-track,
.table-responsive[b-81bl2oovk7]::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background: transparent;
}

.table-responsive:hover[b-81bl2oovk7]::-webkit-scrollbar-track {
    background: #333333;
}

.table-responsive:hover[b-81bl2oovk7]::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.4);
}

.data-table[b-81bl2oovk7]  .rz-data-grid {
    border: none;
    border-radius: 0;
    background-color: transparent;
    box-shadow: none;
}

.data-table[b-81bl2oovk7]  .rz-data-grid-data {
    overflow: visible;
    box-shadow: none;
}

/* Grouping is only used for the full-width header rows; Radzen's drag-to-group panel and handles have no legacy equivalent. */
.data-table[b-81bl2oovk7]  .rz-group-header,
.data-table[b-81bl2oovk7]  .rz-column-drag {
    display: none;
}

/* ".table" + ".table-bordered" + plugins.css "table.table" (margin-bottom: 6px). */
.data-table[b-81bl2oovk7]  .rz-grid-table {
    width: 100%;
    margin-bottom: 6px;
    table-layout: auto;
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #e3e3e3;
    background-color: transparent;
}

    .data-table[b-81bl2oovk7]  .rz-grid-table > thead > tr {
        background: #e8e8e8;
        color: #333333;
    }

        /* Radzen's sticky header has no legacy equivalent (it would stick inside scrolling modals). */
        .data-table[b-81bl2oovk7]  .rz-grid-table > thead > tr > th {
            position: static;
            padding: 8px;
            line-height: 1.42857143;
            text-align: left;
            vertical-align: bottom;
            white-space: normal;
            overflow: visible;
            text-overflow: clip;
            color: #333333;
            background-color: transparent;
            border: 1px solid #e3e3e3;
        }

        /* bootstrap "th { text-align: left }" above; the legacy alignment classes (and Radzen's TextAlign) still apply. */
        .data-table[b-81bl2oovk7]  .rz-grid-table > thead > tr > th.text-center,
        .data-table[b-81bl2oovk7]  .rz-grid-table > thead > tr > th.rz-text-align-center {
            text-align: center;
        }

        .data-table[b-81bl2oovk7]  .rz-grid-table > thead > tr > th.text-right,
        .data-table[b-81bl2oovk7]  .rz-grid-table > thead > tr > th.rz-text-align-right {
            text-align: right;
        }

        /* bootstrap ".table > thead:first-child > tr:first-child > th": later header rows keep their top border. */
        .data-table[b-81bl2oovk7]  .rz-grid-table > thead > tr:first-child > th {
            border-top: 0;
        }

    /* Radzen wraps header/cell text in spans with rem-based typography; they behave as plain text of the cell. */
    .data-table[b-81bl2oovk7]  .rz-grid-table > thead > tr > th > div,
    .data-table[b-81bl2oovk7]  .rz-grid-table .rz-column-title,
    .data-table[b-81bl2oovk7]  .rz-grid-table .rz-column-title-content,
    .data-table[b-81bl2oovk7]  .rz-grid-table .rz-cell-data {
        display: inline;
        padding: 0;
        overflow: visible;
        white-space: inherit;
        text-overflow: clip;
        font: inherit;
        color: inherit;
    }

    /* Header rows keep the background of their classes ("alert-warning"). */
    .data-table[b-81bl2oovk7]  .rz-grid-table > tbody > tr:not(.rz-group-row) {
        background-color: transparent;
    }

        /* Header rows still count for the striping, exactly like the legacy extra <tr>. */
        .data-table[b-81bl2oovk7]  .rz-grid-table > tbody > tr:nth-of-type(odd):not(.rz-group-row) {
            background-color: #f9f9f9;
        }

        /* Site.css ".table-hover > tbody > tr:hover" (overrides bootstrap's #f5f5f5). */
        .data-table[b-81bl2oovk7]  .rz-grid-table > tbody > tr:not(.rz-group-row):hover {
            background-color: #eeeeee;
        }

        .data-table[b-81bl2oovk7]  .rz-grid-table > tbody > tr > td {
            padding: 8px;
            line-height: 1.42857143;
            vertical-align: top;
            white-space: normal;
            overflow: visible;
            border: 1px solid #e3e3e3;
        }

            /* Cells with a legacy contextual class ("alert-success" totals of the import history) keep its colors. */
            .data-table[b-81bl2oovk7]  .rz-grid-table > tbody > tr > td:not([class*="alert-"]) {
                color: #333333;
                background-color: transparent;
            }

            /* Header rows take color and weight from their classes ("alert-warning strong"). */
            .data-table[b-81bl2oovk7]  .rz-grid-table > tbody > tr.rz-group-row > td {
                color: inherit;
                font-weight: inherit;
            }

            /* Site.css ".text-nowrap" / "td.text-truncate" keep their legacy meaning on the cells. */
            .data-table[b-81bl2oovk7]  .rz-grid-table > tbody > tr > td.text-nowrap {
                white-space: nowrap;
            }

            .data-table[b-81bl2oovk7]  .rz-grid-table > tbody > tr > td.text-truncate {
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }

            /* bootstrap.css ".table .checkbox-custom" (the grid table has no ".table"): a row checkbox loses the 8px top margin. */
            .data-table[b-81bl2oovk7]  .rz-grid-table .checkbox-custom {
                margin-top: 0;
                margin-bottom: 0;
            }
/* /Components/Shared/Data/FiltroTags.razor.rz.scp.css */
/* plugins.css (bootstrap-tagsinput section; plugins.css is not loaded by the PoC). Site.css overrides part of it with
   !important ("border: none", "line-height: 22px", first tag "margin-left: 0", ".bg-control" padding/background). */
.bootstrap-tagsinput[b-iyzz9niw04] {
    background-color: #fff;
    border: 1px solid #cacaca;
    display: inline-block;
    padding: 4px 0;
    color: #333333;
    vertical-align: middle;
    border-radius: 3px;
    max-width: 100%;
    line-height: 22px;
    cursor: text;
    width: 100%;
    margin-top: -5px;
}

    .bootstrap-tagsinput .tag:first-child[b-iyzz9niw04] {
        margin-left: 6px;
    }

    .bootstrap-tagsinput .tag[b-iyzz9niw04] {
        margin-right: 2px;
        margin-top: 5px;
        color: white;
    }

        .bootstrap-tagsinput .tag [data-role="remove"][b-iyzz9niw04] {
            margin-left: 8px;
            cursor: pointer;
        }

            .bootstrap-tagsinput .tag [data-role="remove"][b-iyzz9niw04]:after {
                content: "x";
                padding: 0px 2px;
            }

            .bootstrap-tagsinput .tag [data-role="remove"]:hover[b-iyzz9niw04] {
                box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
            }

                .bootstrap-tagsinput .tag [data-role="remove"]:hover:active[b-iyzz9niw04] {
                    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
                }
/* /Components/Shared/Data/ListLoader.razor.rz.scp.css */
.list-loader[b-4riwchb01p] {
    position: relative;
}

.list-loader-overlay[b-4riwchb01p] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: max(170px, 100%);
}
/* /Components/Shared/Inputs/CheckboxInput.razor.rz.scp.css */
/* RadzenCheckBox takes the place of the legacy "div.checkbox-custom input[type=checkbox] + label:before" (bootstrap.css).
   ".checkbox-inline" is the Nested root, whose "div.checkbox-custom" belongs to the caller. */
.checkbox-custom[b-hjp5n2u01x]  .rz-chkbox,
.checkbox-inline[b-hjp5n2u01x]  .rz-chkbox {
    position: absolute;
    top: 50%;
    left: 0;
    width: 19px;
    min-width: 19px;
    height: 18px;
    margin-top: -10px;
    border-radius: 3px;
}

.checkbox-custom[b-hjp5n2u01x]  .rz-chkbox-box,
.checkbox-custom[b-hjp5n2u01x]  .rz-chkbox-box.rz-state-active,
.checkbox-custom[b-hjp5n2u01x]  .rz-chkbox-box:hover:not(.rz-state-disabled),
.checkbox-custom[b-hjp5n2u01x]  .rz-chkbox-box.rz-state-active:hover:not(.rz-state-disabled),
.checkbox-inline[b-hjp5n2u01x]  .rz-chkbox-box,
.checkbox-inline[b-hjp5n2u01x]  .rz-chkbox-box.rz-state-active,
.checkbox-inline[b-hjp5n2u01x]  .rz-chkbox-box:hover:not(.rz-state-disabled),
.checkbox-inline[b-hjp5n2u01x]  .rz-chkbox-box.rz-state-active:hover:not(.rz-state-disabled) {
    background-color: #ffffff;
    border: 1px solid #cacaca;
    border-radius: 3px;
    box-shadow: none;
    transition: all 0.4s;
}

/* "input[type=checkbox]:hover + label:before": the browser also gives :hover to the input while any label bound to it
   (its own or a group title such as "ISS Retido?") is hovered; the Radzen box itself sits outside the label. */
.checkbox-custom[b-hjp5n2u01x]  .rz-chkbox:is(:hover, :has(input:hover)) .rz-chkbox-box,
.checkbox-custom[b-hjp5n2u01x]  .rz-chkbox:is(:hover, :has(input:hover)) .rz-chkbox-box.rz-state-active:hover:not(.rz-state-disabled),
.checkbox-inline[b-hjp5n2u01x]  .rz-chkbox:is(:hover, :has(input:hover)) .rz-chkbox-box,
.checkbox-inline[b-hjp5n2u01x]  .rz-chkbox:is(:hover, :has(input:hover)) .rz-chkbox-box.rz-state-active:hover:not(.rz-state-disabled) {
    border-color: #b0b0b0;
}

/* "div.checkbox-custom input[type=checkbox]:checked + label:after": FontAwesome check (\f00c). */
.checkbox-custom[b-hjp5n2u01x]  .rz-chkbox-box .rzi,
.checkbox-inline[b-hjp5n2u01x]  .rz-chkbox-box .rzi {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 16px;
    height: 16px;
    font-family: FontAwesome;
    font-size: 11px;
    font-weight: normal;
    line-height: 1;
    color: #333333;
    background-color: transparent;
    border-radius: 0;
}

    .checkbox-custom[b-hjp5n2u01x]  .rz-chkbox-box .rzi-check::before,
    .checkbox-inline[b-hjp5n2u01x]  .rz-chkbox-box .rzi-check::before {
        content: "\f00c";
    }

/* Site.css "div.checkbox-custom.checkbox-inline / div.checkbox-custom .checkbox-inline input:checked + label:after":
   check centered over the 20px from the box's left edge (-1px: the icon is placed inside the box border). */
.checkbox-custom.checkbox-inline[b-hjp5n2u01x]  .rz-chkbox-box .rzi,
.checkbox-inline[b-hjp5n2u01x]  .rz-chkbox-box .rzi {
    left: -1px;
    width: 20px;
    text-align: center;
}

.checkbox-custom[b-hjp5n2u01x]  .rz-label,
.checkbox-inline[b-hjp5n2u01x]  .rz-label {
    vertical-align: baseline;
}

/* Campo em foco com fundo creme (ver app.css): aqui precisa ser no CSS isolado do componente,
   porque a caixa do Radzen já é pintada de branco por estas mesmas regras. */
.checkbox-custom:focus-within[b-hjp5n2u01x]  .rz-chkbox-box,
.checkbox-custom:focus-within[b-hjp5n2u01x]  .rz-chkbox-box.rz-state-active,
.checkbox-inline:focus-within[b-hjp5n2u01x]  .rz-chkbox-box,
.checkbox-inline:focus-within[b-hjp5n2u01x]  .rz-chkbox-box.rz-state-active {
    background-color: #F5F3ED;
}
/* /Components/Shared/Inputs/PorcentagemInput.razor.rz.scp.css */
/* RadzenNumeric renders "span.rz-numeric.form-control > input": the span is the legacy ".form-control" box (states in
   css/radzen-legacy.css) and the inner input becomes plain text inside it. */
.porcentagem-input[b-z0e2ugkygv]  .rz-numeric {
    display: table-cell;
}

.porcentagem-input[b-z0e2ugkygv]  .rz-numeric-input {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    border: none;
    background: transparent;
    box-shadow: none;
    font: inherit;
    color: inherit;
    line-height: inherit;
}

/* Campo em foco com fundo creme (ver app.css): quem recebe o foco é o input interno, mas a caixa
   visível é o span do Radzen. */
.porcentagem-input:focus-within[b-z0e2ugkygv]  .rz-numeric {
    background-color: #F5F3ED;
}
/* /Components/Shared/Inputs/SimNaoInput.razor.rz.scp.css */
/*
    RadzenRadioButtonList items restyled as the legacy ".radio-custom.radio-inline" (bootstrap.css): the label is the inline
    block, the circle is drawn on its left ("input + label:before") and the checked dot inside it ("label:after").
*/
.sim-nao-input[b-ui7kjc8inh]  .rz-radio-button-list,
.sim-nao-input[b-ui7kjc8inh]  .rz-radio-button-list > .rz-stack {
    display: block !important;
}

.sim-nao-input[b-ui7kjc8inh]  .rz-radio-btn {
    position: relative;
    display: inline-block;
    padding: 0 0 0 25px;
    margin: 8px 0 0 0;
    vertical-align: middle;
    font-weight: normal;
    cursor: pointer;
}

    /* First radio carries "mr5"; the next one gets ".radio-inline + .radio-inline" margin-left. */
    .sim-nao-input[b-ui7kjc8inh]  .rz-radio-btn:first-child {
        margin-right: 5px;
    }

    .sim-nao-input[b-ui7kjc8inh]  .rz-radio-btn + .rz-radio-btn {
        margin-left: 10px;
    }

.sim-nao-input[b-ui7kjc8inh]  .rz-radiobutton {
    position: absolute;
    top: 50%;
    left: 0;
    width: 18px;
    height: 18px;
    margin-top: -10px;
}

.sim-nao-input[b-ui7kjc8inh]  .rz-radiobutton-box,
.sim-nao-input[b-ui7kjc8inh]  .rz-radiobutton-box.rz-state-active,
.sim-nao-input[b-ui7kjc8inh]  .rz-radiobutton-box:hover:not(.rz-state-disabled),
.sim-nao-input[b-ui7kjc8inh]  .rz-radiobutton-box.rz-state-active:hover:not(.rz-state-disabled) {
    position: absolute;
    inset: 0;
    width: auto;
    height: auto;
    background-color: #ffffff;
    border: 1px solid #cacaca;
    border-radius: 50px;
    box-shadow: none;
    transition: all 0.4s;
}

/* Hovering the label hovers the bound radio in the legacy markup. */
.sim-nao-input[b-ui7kjc8inh]  .rz-radio-btn:hover .rz-radiobutton-box {
    border-color: #b0b0b0;
}

.sim-nao-input[b-ui7kjc8inh]  .rz-radiobutton-icon {
    display: none;
}

.sim-nao-input[b-ui7kjc8inh]  .rz-radiobutton-box.rz-state-active .rz-radiobutton-icon {
    display: block;
    position: absolute;
    top: 4px;
    left: 4px;
    width: 8px;
    height: 8px;
    margin: 0;
    background-color: #333333;
    border-radius: 50px;
    box-shadow: none;
}

.sim-nao-input[b-ui7kjc8inh]  .rz-radiobutton-label {
    display: inline-block;
    margin: 0;
    padding: 0;
    font: inherit;
    line-height: 1.2;
    color: inherit;
    cursor: pointer;
}

/* Campo em foco com fundo creme (ver app.css): no CSS isolado porque a bolinha do Radzen já é
   pintada de branco pelas regras acima. */
.sim-nao-input:focus-within[b-ui7kjc8inh]  .rz-radiobutton-box,
.sim-nao-input:focus-within[b-ui7kjc8inh]  .rz-radiobutton-box.rz-state-active {
    background-color: #F5F3ED;
}
/* /Components/Shared/Modals/CustomModal.razor.rz.scp.css */
/*
    Visuals come from css/legacy/bootstrap.css (".modal .modal-content .modal-header" etc.).
    bootstrap.js inserted the modal and added "in" on the next frame, which played the ".fade" / ".modal.fade .modal-dialog"
    transitions. The markup here is inserted already "in", so the opening transitions are replayed as keyframes with the
    same durations; closing removes "in" and uses the original transitions.
*/
.modal.fade.in[b-k2ad47nnbo] {
    animation: modal-fade-in-b-k2ad47nnbo 0.15s linear;
}

    .modal.fade.in .modal-dialog[b-k2ad47nnbo] {
        animation: modal-dialog-slide-in-b-k2ad47nnbo 0.3s ease-out;
    }

.modal-backdrop.fade.in[b-k2ad47nnbo] {
    animation: modal-fade-in-b-k2ad47nnbo 0.15s linear;
}

@keyframes modal-fade-in-b-k2ad47nnbo {
    from {
        opacity: 0;
    }
}

@keyframes modal-dialog-slide-in-b-k2ad47nnbo {
    from {
        transform: translate(0, -25%);
    }
}

/* bootstrap.css ".modal-open .modal" (body.modal-open was set by bootstrap.js). The legacy modals are top-level markup
   (children of the page form), so they inherit nothing from the toolbar/cell a Blazor component renders them in. */
.modal[b-k2ad47nnbo] {
    overflow-x: hidden;
    overflow-y: auto;
    text-align: left;
    white-space: normal;
}

/* A modal opened inside another one (bootstrap.js appended it to <body>): the open dialog's "transform: translate(0, 0)"
   would make it the containing block of the nested fixed modal and backdrop. "none" renders the same position. */
.modal.in .modal-dialog:has(.modal)[b-k2ad47nnbo] {
    transform: none;
}
/* /Components/Shared/Modals/SweetAlertHost.razor.rz.scp.css */
/*
    sweet-alert.js fades the overlay with inline opacity steps (~100ms) and sets "margin-top" to -(clientHeight / 2 + padding)
    to center the dialog. Same result without script: keyframe fades and a translate of half the height plus the 17px padding.
*/
.sweet-overlay[b-og6t1a39l6] {
    animation: sweet-fade-in-b-og6t1a39l6 0.1s linear;
}

.sweet-overlay-hiding[b-og6t1a39l6] {
    opacity: 0;
    animation: sweet-fade-out-b-og6t1a39l6 0.1s linear;
}

.sweet-alert[b-og6t1a39l6] {
    margin-top: -17px;
    translate: 0 -50%;
}

    .sweet-alert.hideSweetAlert[b-og6t1a39l6] {
        opacity: 0;
        transition: opacity 0.1s linear;
    }

/* sweet-alert.css ".sweet-alert .btn-*:focus" glow; Radzen paints keyboard focus from --rz-button-focus-shadow. */
.sweet-alert[b-og6t1a39l6]  .rz-button.btn-default { --rz-button-focus-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(232, 232, 232, 0.6); }
.sweet-alert[b-og6t1a39l6]  .rz-button.btn-success { --rz-button-focus-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(81, 191, 135, 0.6); }
.sweet-alert[b-og6t1a39l6]  .rz-button.btn-info { --rz-button-focus-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(41, 182, 216, 0.6); }
.sweet-alert[b-og6t1a39l6]  .rz-button.btn-danger { --rz-button-focus-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(219, 85, 101, 0.6); }
.sweet-alert[b-og6t1a39l6]  .rz-button.btn-warning { --rz-button-focus-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(244, 173, 73, 0.6); }

@keyframes sweet-fade-in-b-og6t1a39l6 {
    from {
        opacity: 0;
    }
}

@keyframes sweet-fade-out-b-og6t1a39l6 {
    from {
        opacity: 1;
    }
}
/* /Components/Shared/Navigation/CustomTabs.razor.rz.scp.css */
/*
    RadzenTabs restyled as the legacy "tabs > ul.nav.nav-tabs + div.tab-content > div.tab-pane". Rules restate the legacy
    cascade for those classes (bootstrap.css ".nav", ".nav-tabs", "Tabs" section; Site.css ".tabs ...").
    Mapping: ul.rz-tabview-nav = ul.nav-tabs, li > button = li > a, .rz-tabview-panels = .tab-content, .rz-tabview-panel = .tab-pane.
*/
.custom-tabs[b-x95hc30gw4]  .rz-tabview {
    display: block;
    border: none;
    border-radius: 0;
    background: none;
    box-shadow: none;
}

.custom-tabs[b-x95hc30gw4]  .rz-tabview-nav {
    position: relative;
    display: block;
    min-width: 0;
    margin: 0;
    padding-left: 0;
    list-style: none;
    border: none;
    border-bottom: 1px solid #e3e3e3;
    background: none;
    overflow: visible;
}

    /* ".nav:before/.nav:after" clearfix for the floated items. */
    .custom-tabs[b-x95hc30gw4]  .rz-tabview-nav::before,
    .custom-tabs[b-x95hc30gw4]  .rz-tabview-nav::after {
        content: " ";
        display: table;
    }

    .custom-tabs[b-x95hc30gw4]  .rz-tabview-nav::after {
        clear: both;
    }

    .custom-tabs[b-x95hc30gw4]  .rz-tabview-nav > li {
        position: relative;
        display: block;
        float: left;
        margin: 0;
        padding: 0;
        border: none;
        background: none;
        box-shadow: none;
    }

        .custom-tabs[b-x95hc30gw4]  .rz-tabview-nav > li > button {
            position: relative;
            display: block;
            height: auto;
            margin: 0;
            padding: 10px 15px;
            font: inherit;
            line-height: 1.42857143;
            text-align: left;
            text-transform: none;
            color: #333333;
            background: #e8e8e8;
            border: none;
            border-radius: 0;
            outline: none;
            box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
            cursor: pointer;
            transition: all 0.4s;
        }

        .custom-tabs[b-x95hc30gw4]  .rz-tabview-nav > li:first-child > button {
            border-top-left-radius: 3px;
        }

        .custom-tabs[b-x95hc30gw4]  .rz-tabview-nav > li:last-child > button {
            border-top-right-radius: 3px;
        }

        .custom-tabs[b-x95hc30gw4]  .rz-tabview-nav > li > button:hover {
            background: #d8d8d8;
        }

        /* Site.css ".tabs .nav-tabs li a:focus". */
        .custom-tabs[b-x95hc30gw4]  .rz-tabview-nav > li > button:focus {
            background-color: #dbdbdb;
        }

        .custom-tabs[b-x95hc30gw4]  .rz-tabview-nav > li.rz-tabview-selected > button,
        .custom-tabs[b-x95hc30gw4]  .rz-tabview-nav > li.rz-tabview-selected > button:hover,
        .custom-tabs[b-x95hc30gw4]  .rz-tabview-nav > li.rz-tabview-selected > button:focus {
            color: #333333;
            background: #ffffff;
            cursor: default;
        }

            /* White strip hiding the bar under the active tab. */
            .custom-tabs[b-x95hc30gw4]  .rz-tabview-nav > li.rz-tabview-selected > button::after {
                content: "";
                position: absolute;
                bottom: -1px;
                left: 0;
                right: 0;
                height: 1px;
                background-color: #ffffff;
            }

/* bootstrap ".tab-content" does not clip: Radzen's "overflow: auto" showed a horizontal scrollbar whenever legacy markup pokes
   past the pane (e.g. CadastroEmpresa.ascx "col-lg-12 ml10" certificate field, 10px into the pane padding). */
.custom-tabs[b-x95hc30gw4]  .rz-tabview-panels {
    min-width: 0;
    padding: 0;
    overflow: visible;
    background: #ffffff;
    border: none;
    border-radius: 0 3px 3px 3px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}

/* ".tab-pane.fade.in": the selected pane fades in. */
.custom-tabs[b-x95hc30gw4]  .rz-tabview-panel {
    padding: 15px;
    animation: custom-tabs-fade-in-b-x95hc30gw4 0.15s linear;
}

/* Site.css ".tabs .tab-content .tab-pane .panel-footer" (white pagination footer inside tabs). */
.custom-tabs[b-x95hc30gw4]  .rz-tabview-panel .panel-footer {
    background-color: #ffffff;
    color: #333333;
    border-top: none;
    border-left: none;
    border-right: none;
}

@keyframes custom-tabs-fade-in-b-x95hc30gw4 {
    from {
        opacity: 0;
    }
}
/* /Components/Shared/Notifications/GritterHost.razor.rz.scp.css */
/* _content/plugins.css "Gritter notifications" (plugins.css is not loaded): rules repeated unchanged. */
#gritter-notice-wrapper[b-mg2x78ec66] {
    position: fixed;
    top: 20px;
    right: 20px;
    width: 301px;
    z-index: 9999;
}

    #gritter-notice-wrapper .gritter-item-wrapper[b-mg2x78ec66] {
        position: relative;
        margin: 0 0 10px 0;
    }

        #gritter-notice-wrapper .gritter-item-wrapper .gritter-item[b-mg2x78ec66] {
            display: block;
            background: #657791;
            border: 1px solid #455264;
            color: #ffffff;
            padding: 10px 11px;
            font-size: 12px;
            border-radius: 3px;
            transition: all;
            transition: all all ease-out;
            transition-duration: 0.4s;
        }

            #gritter-notice-wrapper .gritter-item-wrapper .gritter-item:hover[b-mg2x78ec66] {
                background: #72849e;
            }

            #gritter-notice-wrapper .gritter-item-wrapper .gritter-item p[b-mg2x78ec66] {
                padding: 0;
                margin: 0;
                word-wrap: break-word;
            }

            #gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-close[b-mg2x78ec66] {
                position: absolute;
                top: 5px;
                right: 7px;
                cursor: pointer;
            }

                #gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-close i[b-mg2x78ec66] {
                    font-size: 16px;
                    color: #ffffff;
                    transition: background;
                    transition: all background ease-out;
                    transition-duration: 0.4s;
                }

                #gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-close:hover i[b-mg2x78ec66] {
                    color: #f7f7f7;
                }

            #gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-icon[b-mg2x78ec66] {
                margin-top: 0;
                margin-right: 15px;
                float: left;
                font-size: 32px;
                padding-bottom: 10px;
            }

            #gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-without-image[b-mg2x78ec66] {
                padding: 0;
            }

            #gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-title[b-mg2x78ec66] {
                font-size: 14px;
                font-weight: bold;
                padding: 0;
                display: block;
            }

        #gritter-notice-wrapper .gritter-item-wrapper.success-notice .gritter-item[b-mg2x78ec66] {
            color: #0a776c;
            background: #b2ede8;
            border: 1px solid #63c8be;
        }

            #gritter-notice-wrapper .gritter-item-wrapper.success-notice .gritter-item:hover[b-mg2x78ec66] {
                background: #c7f2ee;
            }

            #gritter-notice-wrapper .gritter-item-wrapper.success-notice .gritter-item .gritter-close i[b-mg2x78ec66] {
                color: #0a776c;
            }

            #gritter-notice-wrapper .gritter-item-wrapper.success-notice .gritter-item .gritter-close:hover i[b-mg2x78ec66] {
                color: #09695f;
            }

        #gritter-notice-wrapper .gritter-item-wrapper.info-notice .gritter-item[b-mg2x78ec66] {
            color: #2a6891;
            background: #cfebff;
            border: 1px solid #94bedb;
        }

            #gritter-notice-wrapper .gritter-item-wrapper.info-notice .gritter-item:hover[b-mg2x78ec66] {
                background: #e9f6ff;
            }

            #gritter-notice-wrapper .gritter-item-wrapper.info-notice .gritter-item .gritter-close i[b-mg2x78ec66] {
                color: #2a6891;
            }

            #gritter-notice-wrapper .gritter-item-wrapper.info-notice .gritter-item .gritter-close:hover i[b-mg2x78ec66] {
                color: #275f85;
            }

        #gritter-notice-wrapper .gritter-item-wrapper.error-notice .gritter-item[b-mg2x78ec66] {
            color: #933230;
            background: #fddede;
            border: 1px solid #cb7c7a;
        }

            #gritter-notice-wrapper .gritter-item-wrapper.error-notice .gritter-item:hover[b-mg2x78ec66] {
                background: #fef6f6;
            }

            #gritter-notice-wrapper .gritter-item-wrapper.error-notice .gritter-item .gritter-close i[b-mg2x78ec66] {
                color: #933230;
            }

            #gritter-notice-wrapper .gritter-item-wrapper.error-notice .gritter-item .gritter-close:hover i[b-mg2x78ec66] {
                color: #872e2c;
            }

/* jquery.gritter.js animations (jQuery "swing" easing = easeInOutSine):
   add: item.fadeIn('medium') (400 ms, jQuery speeds._default);
   _fade: animate({ opacity: 0 }, fade_out_speed 1000), then animate({ height: 0 }, 300) (jQuery hides the overflow while
   animating the height; the margin stays until the element is removed). */
.gritter-item-wrapper[b-mg2x78ec66] {
    animation: gritter-fade-in-b-mg2x78ec66 400ms cubic-bezier(0.37, 0, 0.63, 1);
    interpolate-size: allow-keywords;
}

    .gritter-item-wrapper.gritter-fading[b-mg2x78ec66] {
        opacity: 0;
        transition: opacity 1000ms cubic-bezier(0.37, 0, 0.63, 1);
    }

    .gritter-item-wrapper.gritter-collapsing[b-mg2x78ec66] {
        height: 0;
        overflow: hidden;
        transition: height 300ms cubic-bezier(0.37, 0, 0.63, 1);
    }

@keyframes gritter-fade-in-b-mg2x78ec66 {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}