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

/* /Components/Bootstrap/Components/Spinner/Spinner.razor.rz.scp.css */
/* scss-docs-start spinner-dots-keyframes */
@keyframes spinner-dots-b-lum7517bz4 {
    0% {
        opacity: 1;
    }

    50%, 100% {
        opacity: .3;
    }
}

/* scss-docs-end spinner-dots-keyframes */
.spinner-dots[b-lum7517bz4] {
    user-select: none;
}

    .spinner-dots > circle:first-of-type[b-lum7517bz4], 
    .spinner-dots > circle:last-of-type[b-lum7517bz4], 
    .spinner-dots > circle:nth-of-type(2)[b-lum7517bz4] {
        fill: currentcolor;
        animation: spinner-dots-b-lum7517bz4 .75s infinite ease-in-out alternate;
    }

    .spinner-dots > circle:nth-of-type(2)[b-lum7517bz4] {
        animation-delay: .25s;
    }

    .spinner-dots > circle:last-of-type[b-lum7517bz4] {
        animation-delay: .5s;
    }

/* Size: START */

/* default */
.spinner-border-sm[b-lum7517bz4] {
    --bs-spinner-width: 1rem;
    --bs-spinner-height: 1rem;
    --bs-spinner-border-width: 0.25em;
    --bs-spinner-vertical-align: -0.125em;
}
/* custom CSS classes */
.spinner-border-md[b-lum7517bz4] {
    --bs-spinner-width: 2rem;
    --bs-spinner-height: 2rem;
    --bs-spinner-border-width: 0.25em;
    --bs-spinner-vertical-align: -0.125em;
}
.spinner-border-lg[b-lum7517bz4] {
    --bs-spinner-width: 3rem;
    --bs-spinner-height: 3rem;
    --bs-spinner-border-width: 0.25em;
    --bs-spinner-vertical-align: -0.125em;
}
.spinner-border-xl[b-lum7517bz4] {
    --bs-spinner-width: 4rem;
    --bs-spinner-height: 4rem;
    --bs-spinner-border-width: 0.25em;
    --bs-spinner-vertical-align: -0.125em;
}

/* default */
.spinner-grow-sm[b-lum7517bz4] {
    --bs-spinner-width: 1rem;
    --bs-spinner-height: 1rem;
    --bs-spinner-border-width: 0.25em;
    --bs-spinner-vertical-align: -0.125em;
}
/* custom CSS classes */
.spinner-grow-md[b-lum7517bz4] {
    --bs-spinner-width: 2rem;
    --bs-spinner-height: 2rem;
    --bs-spinner-border-width: 0.25em;
    --bs-spinner-vertical-align: -0.125em;
}
.spinner-grow-lg[b-lum7517bz4] {
    --bs-spinner-width: 3rem;
    --bs-spinner-height: 3rem;
    --bs-spinner-border-width: 0.25em;
    --bs-spinner-vertical-align: -0.125em;
}
.spinner-grow-xl[b-lum7517bz4] {
    --bs-spinner-width: 4rem;
    --bs-spinner-height: 4rem;
    --bs-spinner-border-width: 0.25em;
    --bs-spinner-vertical-align: -0.125em;
}

/* Size: END */
/* /Components/Shared/Controls/Inputs/CheckboxSelect.razor.rz.scp.css */
.custom-checkbox[b-hn5elmibn8] {
    appearance: none;
    width: 12.71px;
    height: 12.71px;
    background-color: white;
    border: 1.5px solid lightgrey;
    border-radius: 2px;
    position: relative;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    transition: background-color 0.2s ease-in-out;
}

    .custom-checkbox:checked[b-hn5elmibn8] {
        background-color: #5BBD8A;
        border-color: lightgrey;
    }

    .custom-checkbox[b-hn5elmibn8]::after {
        content: "";
        position: absolute;
        top: 42%; /* Adjusted further up */
        left: 50%;
        width: 4px;
        height: 7px;
        border: solid white;
        border-width: 0 1.5px 1.5px 0;
        transform: translate(-50%, -50%) rotate(45deg);
        display: none;
    }

    .custom-checkbox:checked[b-hn5elmibn8]::after {
        display: block;
    }
/* /Components/Shared/Controls/Inputs/DatePicker.razor.rz.scp.css */
/* Wrapper for the entire row */
.dropdown-row[b-9rjqtffkii] {
    display: flex;
     /* aligns contents to the right */
    align-items: center;
    margin-bottom: 5px;
    width: 100%;
    gap: 8px;
}

/* Label styling */
.dropdown-label[b-9rjqtffkii] {
    width: auto;
    white-space: nowrap;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    margin-right: 8px;
    margin-bottom: 4px;
}

/* Wrapper for the datepicker input */
.datepicker-wrapper[b-9rjqtffkii] {
    position: relative;
    display: inline-block;
    width: 100%; /* match multiselect width */
    font-size: 14px;
    font-weight: 500;
}

/* Date input styling */
.datepicker-input[b-9rjqtffkii] {
    width: 100%;
    height: 34.4px;
    padding: 0 8px;
    text-align: left;
    border: 1px solid #EAEAEA;
    background-color: white;
    box-sizing: border-box;
    border-radius: 4px;
    font-family: inherit;
    font-size: 14px;
    appearance: none;
}

/* Icon placeholder styling */
.datepicker-icon[b-9rjqtffkii] {
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    color: gray;
}
/* /Components/Shared/Controls/Inputs/DropDownList.razor.rz.scp.css */
:root[b-5a923736ug] {
    --ddl-border-color: #ced4da;
    --bs-btn-border-radius: 6px;
}
.ddl-container[b-5a923736ug]
{
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
    font-size: .875rem;
}
.ddl-container .ddl-selection[b-5a923736ug]
{
    box-shadow: none !important;
    outline: none !important;
    background-color: #fff;
    border: 1px solid #d2d6de;
    border-radius: 0px;
    padding: .25rem .5rem;
    /*height: calc(1.5em + .5rem);*/
    font-size: .875rem;
    /*line-height: 1.5;*/
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    -webkit-user-select: none;
}
    .ddl-container .ddl-selection .ddl-selection__rendered[b-5a923736ug] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-left: 0px;
        padding-right: 0px;
        color: #444;
        height: 100%;
        width: 100%;
    }
    .ddl-container .ddl-selection .ddl-selection__display[b-5a923736ug] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 90%;
        height: 100%;
    }
        .ddl-container .ddl-selection .ddl-selection__clear[b-5a923736ug] {
        cursor: pointer;
        /*float: right;*/
        font-weight: bold;
        right: 15px;
        position: relative;
        z-index: 2;
    }
.ddl-container .ddl-selection .ddl-selection__arrow[b-5a923736ug] {
height: 100%;
    display: flex;
    top: 0px;
    right: 0px;
    justify-content: end;
    align-items: center;
    position: absolute;
    width: 100%;
    padding-right: 10px;
}
    .ddl-container .ddl-selection .ddl-selection__arrow.open b[b-5a923736ug] {
        border-style: solid;
        border-color: transparent transparent #888 transparent;
        border-width: 0 4px 5px 4px;
    }
    .ddl-container .ddl-selection .ddl-selection__arrow b[b-5a923736ug] {
        border-style: solid;
        border-color: #888 transparent transparent transparent;
        border-width: 5px 4px 0 4px;
    }

.ddl-dropdown[b-5a923736ug] {
    border-radius: 0px;
    border: 1px solid #ccc;
    background-color: white;
    box-sizing: border-box;
    display: block;
    position: absolute;
    z-index: 1051;
    border-top: 0;
    width: 100%;
}

.ddl-search--dropdown[b-5a923736ug] {
    display: block;
    padding: 4px;
}
.ddl-search--dropdown .ddl-search__field[b-5a923736ug] {
    padding: 4px;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #aaa;
    font-size: 13px;
}
input[type=search][b-5a923736ug] {
    -webkit-appearance: none;
    outline: none !important;
}
.ddl-results[b-5a923736ug] {
    display: block;
}
.ddl-container .ddl-results__option[aria-selected=false][b-5a923736ug] {
    background-color: initial;
    color:initial;
}
.ddl-container .ddl-results>.ddl-results__options[b-5a923736ug] {
    max-height: 200px;
    overflow-y: auto;
    list-style: none;
    margin: 0;
    padding: 0;
}
.ddl-results__option[aria-selected][b-5a923736ug] {
    cursor: pointer;
    background-color: #ddd;
    color: #555;
}
.ddl-results__option[aria-selected] .option-wrapper .option-code[b-5a923736ug] {
    background-color: #555;
    color: #ddd;
    }
.ddl-results__option[b-5a923736ug] {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 6px;
    padding-right: 6px;
    cursor: pointer;
}
.ddl-container .ddl-results__option--highlighted[aria-selected][b-5a923736ug] {
    background-color: #5897fb;
    color: white;
}
.ddl-container .ddl-results__option[aria-selected=true][b-5a923736ug] {
    background-color: #ddd;
}

.ddl-results__option .option-wrapper[b-5a923736ug] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    /*z-index:2;*/
}
    .ddl-results__option .option-wrapper .multi-select-option-wrapper[b-5a923736ug] {
        display: flex;
        justify-content: start;
        align-items: center;
    }
    .ddl-results__option .option-wrapper .option-text[b-5a923736ug] {
        display: flex;
        justify-content: start;
        align-items: center;
        /*width: 100%;*/
        overflow: hidden;
        white-space: nowrap;
        /*    font-size: 0.813rem;
    height: 100%;
    max-width: 70%;
    width: 70%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer !important;*/
    }
        .ddl-results__option .option-wrapper .option-text .option-text__text[b-5a923736ug] {
            font-size: 0.813rem;
            height: 100%;
            /*max-width: 70%;*/
            width: 100%;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            cursor: pointer !important;
        }
    .ddl-results__option .option-wrapper .option-text > input[b-5a923736ug]
    {
    margin-right: 10px;
    }
    .ddl-results__option .option-wrapper .option-code[b-5a923736ug] {
        padding: 0px 4px 0px 4px;
        border-radius: 5px;
        font-size: 0.813rem;
        background-color: #ced4da;
        /*max-width: 25%;*/
        /*min-width: 15%;*/
        text-align: center;
        font-weight: bold;
    }






.ddl-loader[b-5a923736ug] {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 6px;
    padding-right: 6px;
}

/*.dropdown {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 8px;
    font-size:16px;
    position: relative;
    display: inline-block;
    width: 100%;
    font-weight: 400;
    line-height: 24px;
}
.dropdown-button {
    background-color: #fff;
    font-size: inherit;
    border: 1px solid var(--ddl-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: 0;
    line-height: 1.5;
}
.dropdown-menu {
    position: absolute;
    padding-top: 0;
    border-radius: 0;
    z-index: var(--bs-dropdown-zindex);
    background-color: #fff;
    border: 1px solid #495057;
    color: #000;
    width: 100%;
    min-width: 10rem;
    max-height: 200px;
    overflow-y: auto;
}*/
/* /Components/Shared/Controls/Inputs/DropDownListOLD.razor.rz.scp.css */
:root[b-9ugg2711pb] {
    --ddl-border-color: #ced4da;
    --bs-btn-border-radius: 6px;
}
.ddl-container[b-9ugg2711pb]
{
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
    font-size: .875rem;
}
.ddl-container .ddl-selection[b-9ugg2711pb]
{
    box-shadow: none !important;
    outline: none !important;
    background-color: #fff;
    border: 1px solid #d2d6de;
    border-radius: 0px;
    padding: .25rem .5rem;
    /*height: calc(1.5em + .5rem);*/
    font-size: .875rem;
    line-height: 1.5;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    -webkit-user-select: none;
}
.ddl-container .ddl-selection .ddl-selection__rendered[b-9ugg2711pb] {
    display: block;
    padding-left: 0px;
    padding-right: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: inherit;
        color: #444;
}
    .ddl-container .ddl-selection .ddl-selection__clear[b-9ugg2711pb] {
        cursor: pointer;
        float: right;
        font-weight: bold;
        right: 15px;
        position: relative;
        z-index: 2;
    }
.ddl-container .ddl-selection .ddl-selection__arrow[b-9ugg2711pb] {
height: 100%;
    display: flex;
    top: 0px;
    right: 0px;
    justify-content: end;
    align-items: center;
    position: absolute;
    width: 100%;
    padding-right: 10px;
}
    .ddl-container .ddl-selection .ddl-selection__arrow.open b[b-9ugg2711pb] {
        border-style: solid;
        border-color: transparent transparent #888 transparent;
        border-width: 0 4px 5px 4px;
    }
    .ddl-container .ddl-selection .ddl-selection__arrow b[b-9ugg2711pb] {
        border-style: solid;
        border-color: #888 transparent transparent transparent;
        border-width: 5px 4px 0 4px;
    }

.ddl-dropdown[b-9ugg2711pb] {
    border-radius: 0px;
    border: 1px solid #ccc;
    background-color: white;
    box-sizing: border-box;
    display: block;
    position: absolute;
    z-index: 1051;
    border-top: 0;
    width: 100%;
}

.ddl-search--dropdown[b-9ugg2711pb] {
    display: block;
    padding: 4px;
}
.ddl-search--dropdown .ddl-search__field[b-9ugg2711pb] {
    padding: 4px;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #aaa;
    font-size: 13px;
}
input[type=search][b-9ugg2711pb] {
    -webkit-appearance: none;
    outline: none !important;
}
.ddl-results[b-9ugg2711pb] {
    display: block;
}
.ddl-container .ddl-results__option[aria-selected=false][b-9ugg2711pb] {
    background-color: initial;
    color:initial;
}
.ddl-container .ddl-results>.ddl-results__options[b-9ugg2711pb] {
    max-height: 200px;
    overflow-y: auto;
    list-style: none;
    margin: 0;
    padding: 0;
}
.ddl-results__option[aria-selected][b-9ugg2711pb] {
    cursor: pointer;
    background-color: #ddd;
    color: #555;
}
.ddl-results__option[aria-selected] .option-wrapper .option-code[b-9ugg2711pb] {
    background-color: #555;
    color: #ddd;
    }
.ddl-results__option[b-9ugg2711pb] {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 6px;
    padding-right: 6px;
    cursor: pointer;
}
.ddl-container .ddl-results__option--highlighted[aria-selected][b-9ugg2711pb] {
    background-color: #5897fb;
    color: white;
}
.ddl-container .ddl-results__option[aria-selected=true][b-9ugg2711pb] {
    background-color: #ddd;
}

.ddl-results__option .option-wrapper[b-9ugg2711pb] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    /*z-index:2;*/
}

    .ddl-results__option .option-wrapper .option-text[b-9ugg2711pb] {
        max-width: 75%;
        width: 75%;
        text-overflow: ellipsis;
            overflow: hidden;
    white-space: nowrap;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer !important;
    }
    .ddl-results__option .option-wrapper .option-text > input[b-9ugg2711pb]
    {
    margin-right: 10px;
    }
    .ddl-results__option .option-wrapper .option-code[b-9ugg2711pb] {
        padding: 2px 4px 2px 4px;
        border-radius: 5px;
        font-size: 13px;
        background-color: #ced4da;
        max-width: 25%;
        min-width: 10%;
        text-align: center;
        font-weight: bold;
    }








/*.dropdown {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 8px;
    font-size:16px;
    position: relative;
    display: inline-block;
    width: 100%;
    font-weight: 400;
    line-height: 24px;
}
.dropdown-button {
    background-color: #fff;
    font-size: inherit;
    border: 1px solid var(--ddl-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: 0;
    line-height: 1.5;
}
.dropdown-menu {
    position: absolute;
    padding-top: 0;
    border-radius: 0;
    z-index: var(--bs-dropdown-zindex);
    background-color: #fff;
    border: 1px solid #495057;
    color: #000;
    width: 100%;
    min-width: 10rem;
    max-height: 200px;
    overflow-y: auto;
}*/
/* /Components/Shared/Controls/Inputs/DropdownSelect.razor.rz.scp.css */
/* === Common Row & Label Layout === */
.dropdown-row[b-s6mgepezc5] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 5px;
    width: 100%;
    gap: 8px;
}

.dropdown-label[b-s6mgepezc5] {
    width: auto;
    white-space: nowrap;
    text-align: right;
    font-size: 14px;
    font-weight: 400;
    margin-right: 8px;
}

/* === Arrow Styling === */
.arrow[b-s6mgepezc5] {
    width: 8px;
    height: 8px;
    border: solid black;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg); /* Downward */
    transition: transform 0.2s ease;
    margin-left: 8px;
}

    .arrow.open[b-s6mgepezc5] {
        transform: rotate(-135deg); /* Upward */
    }

/* === Multiselect Component Styles === */
.multiselect-wrapper[b-s6mgepezc5] {
    position: relative;
    display: inline-block;
    width: 180px;
    font-size: 14px;
    font-weight: 500;
}

.multiselect-button[b-s6mgepezc5] {
    width: 100%;
    height: 34.4px;
    padding: 0 8px;
    text-align: left;
    border: 1px solid lightgray;
    background-color: white;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    border-radius: 4px;
}

.multiselect-dropdown[b-s6mgepezc5] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 999;
    border: 1px solid lightgray;
    background-color: white;
    max-height: 200px;
    overflow-y: auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    padding: 8px;
    border-radius: 4px;
}

.multiselect-option[b-s6mgepezc5] {
    display: block;
    padding: 4px;
    cursor: pointer;
}

    .multiselect-option:hover[b-s6mgepezc5] {
        background-color: #f0f0f0;
    }

/* === Single DropdownSelect Component Styles === */
.dropdownselect-wrapper[b-s6mgepezc5] {
    position: relative;
    display: inline-block;
    width: 180px;
    font-size: 14px;
    font-weight: 500;
}

.dropdownselect-button[b-s6mgepezc5] {
    width: 100%;
    height: 34.4px;
    padding: 0 8px;
    text-align: left;
    border: 1px solid #EAEAEA;
    background-color: white;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 4px;
    box-sizing: border-box;
}

.dropdownselect-menu[b-s6mgepezc5] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 999;
    border: 1px solid lightgray;
    background-color: white;
    max-height: 200px;
    overflow-y: auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    padding: 8px;
    border-radius: 4px;
}

.dropdown-item[b-s6mgepezc5] {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 6px;
    padding-right: 6px;
    cursor: pointer;
    font-size:14px;
}

    .dropdown-item:hover[b-s6mgepezc5] {
        background-color: #f0f0f0;
    }
.dropdown-search-box[b-s6mgepezc5] {
    width: 100%;
    padding: 4px 8px;
    margin-bottom: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 14px;
}
/* /Components/Shared/Controls/Inputs/DropdownSelectBasis.razor.rz.scp.css */
/* === Common Row & Label Layout === */
.dropdown-row[b-tt7104g3cc] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    gap: 8px;
}

.dropdown-label[b-tt7104g3cc] {
    width: auto;
    white-space: nowrap;
    text-align: right;
    font-size: 14px;
    font-weight: 400;
    margin-right: 8px;
}

/* === Arrow Styling === */
.arrow[b-tt7104g3cc] {
    width: 8px;
    height: 8px;
    border: solid black;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg); /* Downward */
    transition: transform 0.2s ease;
    margin-left: 8px;
}

    .arrow.open[b-tt7104g3cc] {
        transform: rotate(-135deg); /* Upward */
    }

/* === Multiselect Component Styles === */
.multiselect-wrapper[b-tt7104g3cc] {
    position: relative;
    display: inline-block;
    width: 180px;
    font-size: 14px;
    font-weight: 500;
}

.multiselect-button[b-tt7104g3cc] {
    width: 100%;
    height: 34.4px;
    padding: 0 8px;
    text-align: left;
    border-top: 1px solid #EAEAEA;
    border-left: 1px solid #EAEAEA;
    border-right: 1px solid #EAEAEA;
    border-bottom: none;
    background-color: white;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.multiselect-dropdown[b-tt7104g3cc] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 999;
    border: 1px solid lightgray;
    background-color: white;
    max-height: 200px;
    overflow-y: auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    padding: 8px;
}

.multiselect-option[b-tt7104g3cc] {
    display: block;
    padding: 4px;
    cursor: pointer;
}

    .multiselect-option:hover[b-tt7104g3cc] {
        background-color: #f0f0f0;
    }

/* === Single DropdownSelect Component Styles === */
.dropdownselect-wrapper[b-tt7104g3cc] {
    position: relative;
    display: inline-block;
    width: 180px;
    font-size: 14px;
    font-weight: 500;
}

.dropdownselect-button[b-tt7104g3cc] {
    width: 100%;
    height: 34.4px;
    padding: 0 8px;
    text-align: left;
    border-top: 1px solid #EAEAEA;
    border-left: 1px solid #EAEAEA;
    border-right: 1px solid #EAEAEA;
    border-bottom:none;
    background-color: white;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    box-sizing: border-box;
}

.dropdownselect-menu[b-tt7104g3cc] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 999;
    border: 1px solid lightgray;
    background-color: white;
    max-height: 200px;
    overflow-y: auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    padding: 8px;
    border-radius: 4px;
}

.dropdown-item[b-tt7104g3cc] {
    padding: 8px;
    cursor: pointer;
}

    .dropdown-item:hover[b-tt7104g3cc] {
        background-color: #f0f0f0;
    }
.dropdown-search-box[b-tt7104g3cc] {
    width: 100%;
    padding: 4px 8px;
    margin-bottom: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 14px;
}
/* /Components/Shared/Controls/Inputs/InputBox.razor.rz.scp.css */
.dropdown-row[b-alwxrl2gzc] {
    display: flex;
    
    align-items: center;
    margin-bottom: 5px;
    width: 100%;
    gap: 8px;
}

.input-box[b-alwxrl2gzc] {
    height: 34.4px;
    padding: 0 8px;
    border: 1px solid #EAEAEA;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 500;
}
.dropdown-label[b-alwxrl2gzc] {
    width: auto;
    white-space: nowrap;
    text-align: right;
    font-size: 14px;
    font-weight: 400;
    margin-right: 8px;
}
/* /Components/Shared/Controls/Inputs/MultiSelect.razor.rz.scp.css */
/* Dropdown Container */
.simple-dropdown[b-dr4skkooju] {
    font-size:16px;
    position: relative;
    display: inline-block;
    width: 100%;
    font-weight: 400;
    line-height: 24px;
}

.simple-bs-compat[b-dr4skkooju] {
    --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-dr4skkooju] {
    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;

    &:hover {
        border-color: var(--bs-border-color);
    }

    &:focus[b-dr4skkooju] {
        outline: 0;
        box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
    }

    &:disabled[b-dr4skkooju] {
        background-color: var(--bs-btn-disabled-bg);
        cursor: default;
    }
}

.simple-dropdown-text[b-dr4skkooju] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

    &::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;
    }
}

/* Dropdown Menu */
.dropdown-menu[b-dr4skkooju] {
    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-dr4skkooju] {
    position: sticky;
    top: 0;
    z-index: 1;
    background-color: var(--bs-dropdown-bg);
    padding: 8px 10px;
}

.simple-filter-input[b-dr4skkooju] {
    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-dr4skkooju] {
    padding: 0.25rem 1rem;
    cursor: pointer;
    user-select: none;
    color: var(--bs-dropdown-link-color);

    &:hover {
        background-color: var(--bs-dropdown-link-hover-bg);
    }
    
    &:active[b-dr4skkooju] {
        color: var(--bs-dropdown-link-active-color);
        background-color: var(--bs-dropdown-link-active-bg);
    }
    
    & label[b-dr4skkooju] {
        cursor: pointer;
    }
    
    & input[type="checkbox"][b-dr4skkooju] {
        margin-right: 0.5rem;
    }
}
/* /Components/Shared/Controls/Inputs/MultiSelectDropdown.razor.rz.scp.css */
.dropdown-row[b-pmoz38o8fw] {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
    width: 100%;
    gap: 8px;
}

.dropdown-label[b-pmoz38o8fw] {
    width: auto; 
    white-space: nowrap; 
    text-align: right;
    font-size: 14px;
    font-weight: 400;
    margin-right: 8px; 
    margin-bottom: 4px;
    text-align: left;
}
.dropdown-wrapper[b-pmoz38o8fw] {
    display: flex;
    flex-direction: column;
    margin-bottom: 5px;
    width: 100%;
}


.multiselect-wrapper[b-pmoz38o8fw] {
    position: relative;
    display: inline-block;
    width: 180px;
    font-size: 14px;
    font-weight: 500;
}

.multiselect-button[b-pmoz38o8fw] {
    width: 100%;
    height: 34.4px;
    padding: 0 8px;
    text-align: left;
    border: 1px solid #EAEAEA;
    background-color: white;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    border-radius: 4px;
}

/* Chevron-style arrow using CSS borders */
.arrow[b-pmoz38o8fw] {
    width: 8px;
    height: 8px;
    border: solid black;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg); /* Downward */
    transition: transform 0.2s ease;
    margin-left: 8px;
}

    .arrow.open[b-pmoz38o8fw] {
        transform: rotate(-135deg); /* Upward */
    }

.multiselect-dropdown[b-pmoz38o8fw] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 999;
    border: 1px solid lightgray;
    background-color: white;
    max-height: 200px;
    overflow-y: auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    padding: 8px;
    border-radius: 4px;
}

.multiselect-option[b-pmoz38o8fw] {
    display: block;
    padding: 4px;
    cursor: pointer;
    font-weight: 400; /* override inherited boldness */
    font-size:14px;
}

.dropdown-row[b-pmoz38o8fw] {
    /*display: flex;
    justify-content: flex-end;*/ /* Align everything to the right */
    align-items: center;
    margin-bottom: 5px;
    width: 100%;
    gap: 8px;
}
.dropdown-search-box[b-pmoz38o8fw] {
    width: 100%;
    padding: 4px 8px;
    margin-bottom: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 14px;
}
.dropdown-row[b-pmoz38o8fw],
.multiselect-wrapper[b-pmoz38o8fw] {
    position: relative; /* so the dropdown can position absolute within this */
    overflow: visible; /* allow dropdown to overflow */
    z-index: 9999; /* keep it on top */
}

.multiselect-dropdown[b-pmoz38o8fw] {
    position: absolute; /* position relative to nearest positioned ancestor */
    top: 100%;
    left: 0;
    width: 100%; /* same width as button */
    max-height: 200px;
    overflow-y: auto;
    background-color: white;
    border: 1px solid lightgray;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    z-index: 10000;
}
/* /Components/Shared/Controls/Inputs/TextBox.razor.rz.scp.css */
.dropdown-label[b-xo8cg7dux9] {
    width: 100%;
    font-size: var(--bs-label-font-size);
}

.custom-textbox[b-xo8cg7dux9] {
    width: 100%;
    font-size: var(--bs-label-font-size);
    border: 1px solid #d2d6de;
    height: 30px;
}

    /* Removes default black focus border */
    .custom-textbox:focus[b-xo8cg7dux9] {
        outline: none;
        border-color: #d2d6de;
        box-shadow: none;
    }
/* /Components/Shared/Controls/Inputs/ToggleSlider.razor.rz.scp.css */
.toggle-slider[b-0t4mp9hmzy] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    vertical-align: middle;
    border: none;
    background: transparent;
    padding: 0;
    margin: 0;
}

.switch[b-0t4mp9hmzy] {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 24px;
}

    .switch input[b-0t4mp9hmzy] {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider[b-0t4mp9hmzy] {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: 0.4s;
    border-radius: 24px;
}

    .slider[b-0t4mp9hmzy]::before {
        position: absolute;
        content: "";
        height: 18px;
        width: 18px;
        left: 3px;
        bottom: 3px;
        background-color: white;
        transition: 0.4s;
        border-radius: 50%;
    }

input:checked + .slider[b-0t4mp9hmzy] {
    background-color: #28a745;
}

    input:checked + .slider[b-0t4mp9hmzy]::before {
        transform: translateX(26px);
    }

.label-text[b-0t4mp9hmzy] {
    font-weight: 500;
    min-width: 30px;
}
/* /Components/Shared/Controls/PrmptAutoComplete.razor.rz.scp.css */
.autocomplete[b-jjfxgzj20n] {
    position: relative;
}
.autocomplete.disabled[b-jjfxgzj20n], .autocomplete.disabled > input[b-jjfxgzj20n] {
    pointer-events:none;
    background-color: var(--bs-secondary-bg);
    opacity: 1;
}
.float-wrapper[b-jjfxgzj20n] {
    position: absolute;
    top: 0px;
    right: 0px;
    display: flex;
    justify-content: end;
    align-items: center;
    height: 100%;
    background-color: inherit;
}

.autocomplete .float-wrapper > label.floating[b-jjfxgzj20n] {
    display:block;
    text-overflow: ellipsis;
    pointer-events: none;
    transform-origin: 0px 0px;
    overflow: hidden;
    white-space: nowrap;
    transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
    padding: 2px 4px 2px 4px;
    border-radius: 3px;
    font-size: 12px;
    background-color: #ced4da;
    font-weight: bold;
    color: #444;
}
.floating-hidden[b-jjfxgzj20n]
{
    display:none;
}
.autocomplete .float-wrapper > span.clear[b-jjfxgzj20n] {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
    color: #b1b1b1;
}
.autocomplete .options[b-jjfxgzj20n] {
    list-style: none;
    max-height: 200px;
    overflow-y: auto;
    position: absolute;
    left: 0;
    background: white;
    width: 100%;
    padding: 0;
    z-index: 10;
    border: 1px solid #ced4da;
    box-shadow: 0 30px 25px 8px rgba(0, 0, 0, 0.1);
}

.autocomplete .option .wrapper[b-jjfxgzj20n] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px;
}

.autocomplete .option[b-jjfxgzj20n] {
    display: block;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    font-size: 14px;
}

    .autocomplete .option .option-text[b-jjfxgzj20n] {
        max-width: 75%;
        width: 75%;
        font-size: 14px;
        text-overflow: ellipsis;
            overflow: hidden;
    white-space: nowrap;
    }

    .autocomplete .option .option-code[b-jjfxgzj20n] {
        padding: 2px 4px 2px 4px;
        border-radius: 5px;
        font-size: 13px;
        background-color: #ced4da;
        max-width: 25%;
        min-width: 10%;
        text-align: center;
    }

    .autocomplete .option:hover[b-jjfxgzj20n] {
        background: #1E90FF;
        color: #fff;
    }

        .autocomplete .option :hover .option-code[b-jjfxgzj20n] {
            background-color: #fff;
            color: #1E90FF;
        }

    .autocomplete .option.disabled[b-jjfxgzj20n] {
        background-color: #fff;
        cursor: not-allowed;
    }

        .autocomplete .option.disabled:hover[b-jjfxgzj20n] {
            background: lightgrey;
            color: var(--bs-body);
        }
/* /Components/Shared/Controls/PrmptFileUpload.razor.rz.scp.css */
.upload-control-container[b-shusq7iobq] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    position: relative;
}
.upload-control-container > div[b-shusq7iobq]
{
width: 100%;
}
    .upload-control-container > input[type=file][b-shusq7iobq], .upload-control-container input.upload-control-input[b-shusq7iobq], .upload-control-input[b-shusq7iobq] {
        opacity: 0;
        height: 100%;
        width: 100%;
        z-index: 10;
        position: absolute !important;
        cursor: pointer;
    }

    .upload-control-container .upload-control[b-shusq7iobq] {
/*        display: flex;
        justify-content: center;
        align-items: center;
        height: 300px;*/
        width: 100%;
        padding: 16px !important;
        position: relative !important;
        border-width: 2px !important;
        border-style: dashed !important;
        border-radius: 8px !important;
        border: 1px solid #33323e;
    }
/* /Components/Shared/UI/LoaderComponent.razor.rz.scp.css */
/*#loader
{
    background: rgba(0,0,0,.6);
}*/
#loader > div.wrapper[b-cvczpdgnf9]
{
    background: rgba(0,0,0,.4);
        display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0; 
    z-index: 9999;
}
#loader.loader-wrap[b-cvczpdgnf9] {
    /*--hb-theme-bg-rgb: 238, 243, 252;*/
/*    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;*/
    /*background-color: rgba(var(--hb-theme-bg-rgb), 0.925);*/
}

@keyframes square-animation-b-cvczpdgnf9 {
 0% {
  left: 0;
  top: 0;
 }

 10.5% {
  left: 0;
  top: 0;
 }

 12.5% {
  left: 32px;
  top: 0;
 }

 23% {
  left: 32px;
  top: 0;
 }

 25% {
  left: 64px;
  top: 0;
 }

 35.5% {
  left: 64px;
  top: 0;
 }

 37.5% {
  left: 64px;
  top: 32px;
 }

 48% {
  left: 64px;
  top: 32px;
 }

 50% {
  left: 32px;
  top: 32px;
 }

 60.5% {
  left: 32px;
  top: 32px;
 }

 62.5% {
  left: 32px;
  top: 64px;
 }

 73% {
  left: 32px;
  top: 64px;
 }

 75% {
  left: 0;
  top: 64px;
 }

 85.5% {
  left: 0;
  top: 64px;
 }

 87.5% {
  left: 0;
  top: 32px;
 }

 98% {
  left: 0;
  top: 32px;
 }

 100% {
  left: 0;
  top: 0;
 }
}

.loader[b-cvczpdgnf9] {
 position: relative;
 width: 96px;
 height: 96px;
 transform: rotate(45deg);
}

.loader-square[b-cvczpdgnf9] {
 position: absolute;
 top: 0;
 left: 0;
 width: 28px;
 height: 28px;
 margin: 2px;
 border-radius: 0px;
 background: #114138;
 background-size: cover;
 background-position: center;
 background-attachment: fixed;
 animation: square-animation-b-cvczpdgnf9 10s ease-in-out infinite both;
}

.loader-square:nth-of-type(0)[b-cvczpdgnf9] {
 animation-delay: 0s;
}

.loader-square:nth-of-type(1)[b-cvczpdgnf9] {
 animation-delay: -1.4285714286s;
}

.loader-square:nth-of-type(2)[b-cvczpdgnf9] {
 animation-delay: -2.8571428571s;
}

.loader-square:nth-of-type(3)[b-cvczpdgnf9] {
 animation-delay: -4.2857142857s;
}

.loader-square:nth-of-type(4)[b-cvczpdgnf9] {
 animation-delay: -5.7142857143s;
}

.loader-square:nth-of-type(5)[b-cvczpdgnf9] {
 animation-delay: -7.1428571429s;
}

.loader-square:nth-of-type(6)[b-cvczpdgnf9] {
 animation-delay: -8.5714285714s;
}

.loader-square:nth-of-type(7)[b-cvczpdgnf9] {
 animation-delay: -10s;
}
/* /Pages/Rates/Lookup/ChargeDetails.razor.rz.scp.css */
.accordion-button:focus[b-2x1garleqw] {
    box-shadow: none !important;
    border-color: initial !important;
    outline: 0;
}

/*div.charge-details */
.accordion[b-2x1garleqw]
{
    background-color:pink !important;
}
#charge-details .accordion .accordion-item .accordion-body[b-2x1garleqw] {
    padding: 0;
}
.accordion-body > table[b-2x1garleqw]
{
    margin-bottom:0px;
}
/* /Pages/Rates/Lookup/SellGenerator.razor.rz.scp.css */
input:focus[b-qi13jvscfe] {
    border: 1px solid #d2d6de;
}
.input-grid[b-qi13jvscfe] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr);
    width: 100%;
    height: 103.2px;
    gap: 0;
}

.input-box[b-qi13jvscfe] {
    width: 100%;
    height: 100%;
    padding: 0 8px;
    font-size: 14px;
    font-weight: 400;
    box-sizing: border-box;
    border: none;
}

    .input-box:disabled[b-qi13jvscfe] {
        background-color: white;
    }

.percent-wrapper[b-qi13jvscfe] {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
}

    .percent-wrapper[b-qi13jvscfe]::after {
        content: '%';
        position: absolute;
        right: 8px;
        font-size: 14px;
        font-weight: 400;
        color: #555;
        pointer-events: none;
    }
.section-heading[b-qi13jvscfe] {
    font-size: 16px;
    font-weight: 600;
    color: #2C2C2C;
    height: 34.4px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.add-rating[b-qi13jvscfe] {
    background-color: #F2FAF6;
    color: #565656;
    font-weight: 400;
    font-size: 12px;
    border: none;
    padding: 6px 12px;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
}
/* /Pages/Rates/Lookup/Shared/SearchHistoryComponent.razor.rz.scp.css */
.card[b-bed0fkayet] {
    height: 100%;
}
.card-body[b-bed0fkayet] {
    padding: 0.5rem 0.5rem;
}
.card-text[b-bed0fkayet] {
    font-size: 0.875rem;
}
.card-footer > span[b-bed0fkayet] {
    cursor:pointer;
    font-size: 0.75rem;
}
.search-history-title[b-bed0fkayet] {
    font-size: 1rem;
    font-weight:500;
    color: #000000;
}
/* /Pages/Rates/Sell/Index.razor.rz.scp.css */

.filter-container[b-s8ng2vosis] {
    width: 100%;
    height: auto;
    border: 1px solid #EAEAEA;
    border-radius: 8px;
    color: #808080;
    margin: 5px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    position: relative

}
.filter-box[b-s8ng2vosis] {
    display: flex;
    justify-content: flex-end;
}


    .dropdown-align > *[b-s8ng2vosis] {
        width: auto !important; /* Prevent full-width stretching */
        max-width: 100%; /* Keep responsive */
    }
.row.header[b-s8ng2vosis] {
    background-color: #F4F4F4;
    color: #2C2C2C;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    padding: 8px 0;
    font-weight: 600;
}
.filter-container[b-s8ng2vosis] {
    border-radius: 8px;
    overflow: hidden; /* Ensures radius clipping */
    background-color: #fff;
    margin-bottom: 20px;
}

.filter-header[b-s8ng2vosis] {
    background-color: #F4F4F4; /* or your theme color */
    color: #2C2C2C;
    padding: 12px 16px;
    font-weight: 600;
    font-size: 16px;
}

.filter-body[b-s8ng2vosis] {
    padding: 15px;
    background-color: #FCFCFC;
    border-bottom: 1px solid #EAEAEA;
}
.apply-filter-btn[b-s8ng2vosis] {
    background-color: #277D63;
    color: white;
    font-weight: 500;
    font-size: 12px;
    border: none;
    padding: 6px 12px;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
}

.row.button-search[b-s8ng2vosis] {
    padding:15px;
}

table[b-s8ng2vosis] {
    border: 1px solid #EAEAEA;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    width: 100%;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
    border-collapse: separate;
    border-spacing: 0;
}
td:hover[b-s8ng2vosis] {
    background-color: #F4F4F4;
    border: 1px solid #F4F4F4;
}
td[b-s8ng2vosis] {
    border: none;
}

tr:hover td[b-s8ng2vosis],
tr:hover th[b-s8ng2vosis] {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}
tr:hover[b-s8ng2vosis] {
    background-color: #F4F4F4;
    border: 1px solid #EAEAEA;
}
th[b-s8ng2vosis] {
    font-size: 12px;
    font-weight: 700;
    border-bottom: 1px solid #EAEAEA;
    padding-top: 8px;
    padding-bottom:8px;
    padding-left:14px;
    padding-right:14px;
}
td[b-s8ng2vosis] {
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    border-bottom: 1px solid #EAEAEA;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 14px;
    padding-right: 14px;
}
.pagination-container[b-s8ng2vosis] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    border: 1px solid #EAEAEA;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    background-color: white;
    width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 16px;
    padding-right: 16px;
}

    .pagination-container button[b-s8ng2vosis] {
        background-color: transparent;
        border: none;
        padding: 6px 10px;
        cursor: pointer;
        font-size: 12px;
        font-weight: 500;
        color: #2C2C2C; 
        border-radius: 50%;
        width: 28px;
        height: 28px;
        text-align: center;
        line-height: 1;
        transition: background-color 0.2s ease-in-out;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .pagination-container button.current-page[b-s8ng2vosis] {
            background-color: #5BBD8A; 
            color: white;
            font-weight: 500;
        }

        .pagination-container button:disabled[b-s8ng2vosis] {
            opacity: 0.4;
            cursor: not-allowed;
        }

    .pagination-container .ellipsis[b-s8ng2vosis] {
        font-size: 14px;
        padding: 0 4px;
        color: #aaa;
    }

.col-1-of-5[b-s8ng2vosis] {
    flex: 0 0 20%;
    max-width: 20%;
}

@media (max-width: 768px) {
    .col-1-of-5[b-s8ng2vosis] {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .desktop-padding[b-s8ng2vosis] {
        padding:0px;
    }
}
.section-heading[b-s8ng2vosis] {
    font-size: 16px;
    font-weight: 600;
    color: #2C2C2C;
    height: 34.4px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.section[b-s8ng2vosis] {
    border-right: 1px solid #E1E1E1;
}
.desktop-padding[b-s8ng2vosis] {
    padding-left:40px;
}
.input-grid[b-s8ng2vosis] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr);
    width: 536px;
    height: 103.2px;
    gap: 0;
    margin-left: 50px;
}

.input-box[b-s8ng2vosis] {
    width: 100%;
    height: 100%;
    padding: 0 8px;
    font-size: 14px;
    font-weight: 400;
    box-sizing: border-box;
    border: none;
}

    .input-box:disabled[b-s8ng2vosis] {
        background-color: white;
    }

/* Percent wrapper */
.percent-wrapper[b-s8ng2vosis] {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
}

    .percent-wrapper[b-s8ng2vosis]::after {
        content: '%';
        position: absolute;
        right: 8px;
        font-size: 14px;
        font-weight: 400;
        color: #555;
        pointer-events: none;
    }
.add-rating[b-s8ng2vosis] {
    background-color: #F2FAF6;
    color: #565656;
    font-weight: 400;
    font-size: 12px;
    border: none;
    padding: 6px 12px;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
}
/* /Pages/Rates/Shared/PublishResultComponent.razor.rz.scp.css */
#publishResults .card[b-d70wmnh44t] {
    border: none;
    border-radius: 0;
}

#publishResults .card-header[b-d70wmnh44t] {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #ffffff;
    margin-bottom: 0px;
}

    #publishResults .card-header.success[b-d70wmnh44t] {
        background-color: #1e7e34;
        padding: .25rem .25rem;
    }

    #publishResults .card-header.fail[b-d70wmnh44t] {
        background-color: #bd2130;
        padding: .25rem .25rem;
    }

    #publishResults .card-header > a[b-d70wmnh44t] {
        display: flex;
        align-items: center;
        color: #ffffff;
        cursor: pointer;
    }

        #publishResults .card-header > a > i[b-d70wmnh44t] {
            font-size: 1.5rem;
        }

    #publishResults .card-header .btn-link[b-d70wmnh44t] {
        color: #ffffff;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 1.25rem;
        padding: 0px;
        margin: 0px;
        white-space: nowrap;
        box-shadow: none;
        outline: none;
    }

        #publishResults .card-header .btn-link:hover[b-d70wmnh44t], #publishResults .card-header .btn-link:focus[b-d70wmnh44t] {
            box-shadow: none;
            outline: none;
        }

#publishResults .card-body[b-d70wmnh44t] {
    border-left: 1px solid rgba(0,0,0,.125);
    border-right: 1px solid rgba(0,0,0,.125);
    padding: .5rem;
}

    #publishResults .card-body:last-of-type[b-d70wmnh44t] {
        border-bottom: 1px solid rgba(0,0,0,.125);
    }
/* /Pages/StimulsoftDesigner/Designer.razor.rz.scp.css */
/* /Pages/StimulsoftDesigner/Edit.razor.rz.scp.css */
/* /Pages/StimulsoftDesigner/Index.razor.rz.scp.css */