@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.g0t05e93zu.bundle.scp.css';

/* /Components/Attachment/EquipmentAttachment.razor.rz.scp.css */
.scrollable-content[b-61rnkhz23d] {
    max-height: 80vh; /* Adjust based on your needs */
    overflow-y: auto; /* Enables vertical scrolling */
    overflow-x: hidden;
}
.fullscreen-splitter[b-61rnkhz23d] {
    height: 100% !important;
}
.fm-container[b-61rnkhz23d] {
    display: flex;   
    flex-direction: column;
}
.right-align[b-61rnkhz23d] {
    text-align:right;
}
.center-align[b-61rnkhz23d] {
    text-align: center;
}
.mr-top[b-61rnkhz23d]{
        margin-top: 10px;
}
.success[b-61rnkhz23d]{
        color: green;

}
.error[b-61rnkhz23d]{
            color: red;

}
/* /Components/Attachment/EquipmentStepAttachment.razor.rz.scp.css */
.scrollable-content[b-euohfn0jkc] {
    max-height: 80vh; /* Adjust based on your needs */
    overflow-y: auto; /* Enables vertical scrolling */
    overflow-x: hidden;
}
.fullscreen-splitter[b-euohfn0jkc] {
    height: 100% !important;
}
.fm-container[b-euohfn0jkc] {
    display: flex;   
    flex-direction: column;
    height:80vh;
}
.right-align[b-euohfn0jkc] {
    text-align:right;
}
.center-align[b-euohfn0jkc] {
    text-align: center;
}
.mr-top[b-euohfn0jkc]{
        margin-top: 10px;
}
.success[b-euohfn0jkc]{
        color: green;

}
.error[b-euohfn0jkc]{
            color: red;

}
/* /Components/Attachment/InspectionStepAttachment.razor.rz.scp.css */
.scrollable-content[b-q1r15q82z5] {
    max-height: 80vh; /* Adjust based on your needs */
    overflow-y: auto; /* Enables vertical scrolling */
    overflow-x: hidden;
}
.fullscreen-splitter[b-q1r15q82z5] {
    height: 100% !important;
}
.fm-container[b-q1r15q82z5] {
    display: flex;   
    flex-direction: column;
    height:80vh;
}
.right-align[b-q1r15q82z5] {
    text-align:right;
}
.center-align[b-q1r15q82z5] {
    text-align: center;
}
.mr-top[b-q1r15q82z5]{
        margin-top: 10px;
}
.success[b-q1r15q82z5]{
        color: green;

}
.error[b-q1r15q82z5]{
            color: red;

}
/* /Components/Attachment/IssueAttachment.razor.rz.scp.css */
.scrollable-content[b-0glcp8ok1o] {
    max-height: 80vh; /* Adjust based on your needs */
    overflow-y: auto; /* Enables vertical scrolling */
    overflow-x: hidden;
}
.fullscreen-splitter[b-0glcp8ok1o] {
    height: 100% !important;
}
.fm-container[b-0glcp8ok1o] {
    display: flex;   
    flex-direction: column;
    height:80vh;
}
.right-align[b-0glcp8ok1o] {
    text-align:right;
}
.center-align[b-0glcp8ok1o] {
    text-align: center;
}
.mr-top[b-0glcp8ok1o]{
        margin-top: 10px;
}
.success[b-0glcp8ok1o]{
        color: green;

}
.error[b-0glcp8ok1o]{
            color: red;

}
/* /Components/Attachment/PrivateIssueAttachment.razor.rz.scp.css */
.scrollable-content[b-foyeasiulb] {
    max-height: 80vh; /* Adjust based on your needs */
    overflow-y: auto; /* Enables vertical scrolling */
    overflow-x: hidden;
}
.fullscreen-splitter[b-foyeasiulb] {
    height: 100% !important;
}
.fm-container[b-foyeasiulb] {
    display: flex;   
    flex-direction: column;
    height:80vh;
}
.right-align[b-foyeasiulb] {
    text-align:right;
}
.center-align[b-foyeasiulb] {
    text-align: center;
}
.mr-top[b-foyeasiulb]{
        margin-top: 10px;
}
.success[b-foyeasiulb]{
        color: green;

}
.error[b-foyeasiulb]{
            color: red;

}
/* /Components/Attachment/PrivateRfiAttachment.razor.rz.scp.css */
.scrollable-content[b-r3fdaw2rhc] {
    max-height: 80vh; /* Adjust based on your needs */
    overflow-y: auto; /* Enables vertical scrolling */
    overflow-x: hidden;
}
.fullscreen-splitter[b-r3fdaw2rhc] {
    height: 100% !important;
}
.fm-container[b-r3fdaw2rhc] {
    display: flex;   
    flex-direction: column;
    height:80vh;
}
.right-align[b-r3fdaw2rhc] {
    text-align:right;
}
.center-align[b-r3fdaw2rhc] {
    text-align: center;
}
.mr-top[b-r3fdaw2rhc]{
        margin-top: 10px;
}
.success[b-r3fdaw2rhc]{
        color: green;

}
.error[b-r3fdaw2rhc]{
            color: red;

}
/* /Components/Attachment/PublicIssueAttachment.razor.rz.scp.css */
.scrollable-content[b-a4cth3ojj1] {
    max-height: 80vh; /* Adjust based on your needs */
    overflow-y: auto; /* Enables vertical scrolling */
    overflow-x: hidden;
}
.fullscreen-splitter[b-a4cth3ojj1] {
    height: 100% !important;
}
.fm-container[b-a4cth3ojj1] {
    display: flex;   
    flex-direction: column;
    height:80vh;
}
.right-align[b-a4cth3ojj1] {
    text-align:right;
}
.center-align[b-a4cth3ojj1] {
    text-align: center;
}
.mr-top[b-a4cth3ojj1]{
        margin-top: 10px;
}
.success[b-a4cth3ojj1]{
        color: green;

}
.error[b-a4cth3ojj1]{
            color: red;

}
/* /Components/Attachment/PublicRfiAttachment.razor.rz.scp.css */
.scrollable-content[b-logasmi1ui] {
    max-height: 80vh; /* Adjust based on your needs */
    overflow-y: auto; /* Enables vertical scrolling */
    overflow-x: hidden;
}
.fullscreen-splitter[b-logasmi1ui] {
    height: 100% !important;
}
.fm-container[b-logasmi1ui] {
    display: flex;   
    flex-direction: column;
    height:80vh;
}
.right-align[b-logasmi1ui] {
    text-align:right;
}
.center-align[b-logasmi1ui] {
    text-align: center;
}
.mr-top[b-logasmi1ui]{
        margin-top: 10px;
}
.success[b-logasmi1ui]{
        color: green;

}
.error[b-logasmi1ui]{
            color: red;

}
/* /Components/Attachment/RfiAttachment.razor.rz.scp.css */
.scrollable-content[b-yf2uljc0q0] {
    max-height: 80vh; /* Adjust based on your needs */
    overflow-y: auto; /* Enables vertical scrolling */
    overflow-x: hidden;
}
.fullscreen-splitter[b-yf2uljc0q0] {
    height: 100% !important;
}
.fm-container[b-yf2uljc0q0] {
    display: flex;   
    flex-direction: column;
    height:80vh;
}
.right-align[b-yf2uljc0q0] {
    text-align:right;
}
.center-align[b-yf2uljc0q0] {
    text-align: center;
}
.mr-top[b-yf2uljc0q0]{
        margin-top: 10px;
}
.success[b-yf2uljc0q0]{
        color: green;

}
.error[b-yf2uljc0q0]{
            color: red;

}
/* /Components/DamsFileManager.razor.rz.scp.css */

.fullscreen-splitter[b-xytdrpiikw] {
    height: 100% !important;
}
.fm-container[b-xytdrpiikw] {
    position:relative;
    display: flex;   
    flex-direction: column;
    height:70vh;
}
.right-align[b-xytdrpiikw] {
    text-align:right;
}
.center-align[b-xytdrpiikw] {
    text-align: center;
}
.mr-top[b-xytdrpiikw]{
        margin-top: 10px;
}
.success[b-xytdrpiikw]{
        color: green;

}
.error[b-xytdrpiikw]{
            color: red;

}
/* /Components/GridComponent.razor.rz.scp.css */
.k-listview-content[b-lpn208hvym] {
    margin: 0;
    padding: 0;
    outline: 0;
    flex-grow: 1;
    position: relative;
}

.no-scroll .k-grid-header[b-lpn208hvym] {
    padding-right: 0 !important;
}

.no-scroll .k-grid-header-wrap[b-lpn208hvym] {
    border-width: 0px !important;
}

.min-height-400[b-lpn208hvym] {
    min-height: 200px;
}

.filter-container[b-lpn208hvym] {
    max-width: 700px;
    padding: 20px;
    font-family: Arial, sans-serif;
}

    .filter-container h2[b-lpn208hvym] {
        font-size: 20px;
        margin-bottom: 20px;
    }

.filter-actions[b-lpn208hvym] {
    display: flex;
    justify-content: flex-start;
    gap: 15px;
    margin-bottom: 15px;
}

    .filter-actions button[b-lpn208hvym] {
        background: none;
        border: none;
        color: #0078D4;
        cursor: pointer;
        font-size: 14px;
        padding: 5px;
    }


.filter-content label[b-lpn208hvym] {
    font-size: 14px;
    color: #5A5A5A;
}

.filter-content a[b-lpn208hvym] {
    color: #0078D4;
    text-decoration: none;
    cursor: pointer;
}

.filter-group[b-lpn208hvym] {
    margin: 15px 0;
}

.btn-and[b-lpn208hvym] {
    background-color: #f4f4f4;
    border: none;
    color: #5A5A5A;
    padding: 5px 10px;
    margin-bottom: 15px;
    cursor: pointer;
    font-size: 14px;
}

.filter-row[b-lpn208hvym] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}

.btn-options[b-lpn208hvym] {
    background: none;
    border: none;
    font-size: 18px;
    color: #5A5A5A;
    cursor: pointer;
}

.filter-add[b-lpn208hvym] {
    margin: 20px 0;
}

.btn-add[b-lpn208hvym] {
    background-color: #0078D4;
    border: none;
    color: white;
    padding: 8px 16px;
    font-size: 14px;
    border-radius: 4px;
    cursor: pointer;
}

.filter-footer[b-lpn208hvym] {
    display: flex;
    justify-content: flex-end;
    gap: 15px;
    margin-top: 20px;
}

.btn-apply[b-lpn208hvym], .btn-cancel[b-lpn208hvym] {
    padding: 8px 16px;
    font-size: 14px;
    border: none;
    cursor: pointer;
}

.btn-apply[b-lpn208hvym] {
    background-color: #0078D4;
    color: white;
    border-radius: 4px;
}

.btn-cancel[b-lpn208hvym] {
    background-color: #f4f4f4;
    color: #5A5A5A;
    border-radius: 4px;
}

.btn-filter-reset span[b-lpn208hvym] {
    margin-left: 5px;
}

.Custom-Combobox span[b-lpn208hvym] {
    border: none;
}

.Custom-Combobox input[b-lpn208hvym] {
    background-color: #faf9f8;
}

.Custom-Combobox button[b-lpn208hvym] {
    background-color: #faf9f8;
}

.k-table-tfoot[b-lpn208hvym] {
    background-color: #faf9f8 !important;
}
.k-grid-footer[b-lpn208hvym] {
    background-color: #faf9f8 !important;
}

.k-grid .k-grid-aria-root[b-lpn208hvym] {
    border-color: inherit;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    overflow: scroll !important;
}

.k-grid .k-grid-container[b-lpn208hvym] {
    overflow-y: scroll !important;
    display: block;
    -ms-overflow-style: scrollbar; /* IE and Edge */
    scrollbar-width: thin; /* Firefox */
}

.sr-only[b-lpn208hvym] {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
/* /Pages/Admin/Accounts/AccountHierarchyComponent.razor.rz.scp.css */
/* RESET STYLES & HELPER CLASSES */
:root[b-upmgb9k4ap] {
    --level-1: #8dccad;
    --level-2: #f5cc7f;
    --level-3: #7b9fe0;
    --level-4: #f27c8d;
    --black: #000000;
}

*[b-upmgb9k4ap] {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

ol[b-upmgb9k4ap] {
    list-style: none;
}

body[b-upmgb9k4ap] {
    margin: 50px 0 100px;
    text-align: center;
    font-family: "Inter", sans-serif;
}

.container[b-upmgb9k4ap] {
    max-width: 1000px;
    padding: 0 10px;
    margin: 0 auto;
}

.rectangle[b-upmgb9k4ap] {
    position: relative;
    padding: 20px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
}

/* LEVEL-1 STYLES */
.level-1[b-upmgb9k4ap] {
    width: 50%;
    margin: 0 auto 40px;
    background: var(--level-1);
}

    .level-1[b-upmgb9k4ap]::before {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        width: 2px;
        height: 20px;
        background: var(--black);
    }

/* LEVEL-2 STYLES */
.level-2-wrapper[b-upmgb9k4ap] {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 20px;
}

    /*.level-2-wrapper::before {
        content: "";
        position: absolute;
        top: -20px;
        left: 25%;
        width: 50%;
        height: 2px;
        background: var(--black);
    }

    .level-2-wrapper::after {
        display: none;
        content: "";
        position: absolute;
        left: -20px;
        bottom: -20px;
        width: calc(100% + 20px);
        height: 2px;
        background: var(--black);
    }*/

    .level-2-wrapper li[b-upmgb9k4ap] {
        position: relative;
    }

    .level-2-wrapper > li[b-upmgb9k4ap]::before {
        content: "";
        position: absolute;
        bottom: 100%;
        left: 50%;
        transform: translateX(-50%);
        width: 2px;
        height: 20px;
        background: var(--black);
    }

.level-2[b-upmgb9k4ap] {
    width: 70%;
    margin: 0 auto 40px;
    background: var(--level-2);
}

    .level-2[b-upmgb9k4ap]::before {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        width: 2px;
        height: 20px;
        background: var(--black);
    }

    .level-2[b-upmgb9k4ap]::after {
        display: none;
        content: "";
        position: absolute;
        top: 50%;
        left: 0%;
        transform: translate(-100%, -50%);
        width: 20px;
        height: 2px;
        background: var(--black);
    }

/* LEVEL-3 STYLES */
.level-3-wrapper[b-upmgb9k4ap] {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 20px;
    width: 90%;
    margin: 0 auto;
}

    .level-3-wrapper[b-upmgb9k4ap]::before {
        content: "";
        position: absolute;
        top: -20px;
        left: calc(25% - 5px);
        width: calc(50% + 10px);
        height: 2px;
        background: var(--black);
    }

    .level-3-wrapper > li[b-upmgb9k4ap]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%, -100%);
        width: 2px;
        height: 20px;
        background: var(--black);
    }

.level-3[b-upmgb9k4ap] {
    margin-bottom: 20px;
    background: var(--level-3);
}

/* LEVEL-4 STYLES */
.level-4-wrapper[b-upmgb9k4ap] {
    position: relative;
    width: 80%;
    margin-left: auto;
}

    .level-4-wrapper[b-upmgb9k4ap]::before {
        content: "";
        position: absolute;
        top: -20px;
        left: -20px;
        width: 2px;
        height: calc(100% + 20px);
        background: var(--black);
    }

    .level-4-wrapper li + li[b-upmgb9k4ap] {
        margin-top: 20px;
    }

.level-4[b-upmgb9k4ap] {
    font-weight: normal;
    background: var(--level-4);
}

    .level-4[b-upmgb9k4ap]::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0%;
        transform: translate(-100%, -50%);
        width: 20px;
        height: 2px;
        background: var(--black);
    }

/* MQ STYLES */
@media screen and (max-width: 700px) {
    .rectangle[b-upmgb9k4ap] {
        padding: 20px 10px;
    }

    .level-1[b-upmgb9k4ap],
    .level-2[b-upmgb9k4ap] {
        width: 100%;
    }

    .level-1[b-upmgb9k4ap] {
        margin-bottom: 20px;
    }

        .level-1[b-upmgb9k4ap]::before,
        .level-2-wrapper > li[b-upmgb9k4ap]::before {
            display: none;
        }

    .level-2-wrapper[b-upmgb9k4ap],
    .level-2-wrapper[b-upmgb9k4ap]::after,
    .level-2[b-upmgb9k4ap]::after {
        display: block;
    }

    .level-2-wrapper[b-upmgb9k4ap] {
        width: 90%;
        margin-left: 10%;
    }

        .level-2-wrapper[b-upmgb9k4ap]::before {
            left: -20px;
            width: 2px;
            height: calc(100% + 40px);
        }

        .level-2-wrapper > li:not(:first-child)[b-upmgb9k4ap] {
            margin-top: 50px;
        }
}
/* /Pages/IssueReview/IssueReviewDetails.razor.rz.scp.css */
.k-tabstrip-top > .k-tabstrip-items-wrapper[b-snstwqq90n] {
    border: none;
}

    .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item:active[b-snstwqq90n], .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item.k-active[b-snstwqq90n] {
        border: none;
        border-bottom: 2px solid #0078d4 !important;
        font-weight: 600;
    }

    .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item:active[b-snstwqq90n], .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item : hover[b-snstwqq90n] {
        color: #424242;
    }

.k-tabstrip-items .k-item[b-snstwqq90n] {
    padding-block: 0px;
    padding-inline: 0px;
    color: black;
    cursor: pointer;
    display: inline-flex;
    vertical-align: middle;
    /* flex: 1 1 auto; */
    flex-direction: row;
    align-content: center;
    align-items: center;
}

    .k-tabstrip-items .k-item : hover[b-snstwqq90n] {
        color: #424242;
    }

.k-tabstrip-content[b-snstwqq90n], .k-tabstrip > .k-content[b-snstwqq90n] {
    border: none;
    border-color: rgba(0, 0, 0, 0.08);
    color: #424242;
    background-color: #ffffff;
}

.k-tabstrip-items-wrapper .k-item:focus[b-snstwqq90n], .k-tabstrip-items-wrapper .k-item.k-focus[b-snstwqq90n] {
    box-shadow: none;
}

.k-tabstrip-item .k-link:hover[b-snstwqq90n] {
    color: #424242;
}

.k-link:hover[b-snstwqq90n] {
    color: #424242;
}

.k-tabstrip-top > .k-tabstrip-items-wrapper .k-item : hover[b-snstwqq90n] {
    color: #424242;
}
/* /Pages/SortableList.razor.rz.scp.css */
/* 
  you need the ::deep identifier if you are using scoped styles like this
  because scoped styles are only applied to markup in the component, not
  to the markup inside the render fragment.
*/

[b-pzuz4ntca2] .sortable-ghost {
  visibility: hidden;
}

[b-pzuz4ntca2] .sortable-fallback {
  opacity: 1 !important
}
/* /Pages/TestScripts/EditableSubGridComponent.razor.rz.scp.css */
@media print {
    table[b-m7jyd7o9fh] {
        page-break-after: always
    }
}

#divMainContainer[b-m7jyd7o9fh] {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 11px;
}

table[b-m7jyd7o9fh] {
    font-size: 11px;
    min-width: 100%;
    margin: 2% auto;
}

td[b-m7jyd7o9fh] {
    border-style: hidden;
}

#divMainContainer[b-m7jyd7o9fh] {
    margin: 50px;
    font-family: Arial;
}

.rightTd[b-m7jyd7o9fh] {
    width: 230px;
    font-weight: bold;
}

h5[b-m7jyd7o9fh] {
    font-weight: bold;
}

th[b-m7jyd7o9fh] {
    background-color: rgb(0, 120, 212);
    color: white;
}

.tableHeader[b-m7jyd7o9fh] {
    background-color: green;
    color: white;
}

.customIndent[b-m7jyd7o9fh] {
    padding-left: 50px;
}

.panel[b-m7jyd7o9fh] {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05)
}

.panel-body[b-m7jyd7o9fh] {
    padding: 15px
}

.panel-heading[b-m7jyd7o9fh] {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

    .panel-heading > .dropdown .dropdown-toggle[b-m7jyd7o9fh] {
        color: inherit
    }

.panel-title[b-m7jyd7o9fh] {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit
}

    .panel-title > .small[b-m7jyd7o9fh], .panel-title > .small > a[b-m7jyd7o9fh], .panel-title > a[b-m7jyd7o9fh], .panel-title > small[b-m7jyd7o9fh], .panel-title > small > a[b-m7jyd7o9fh] {
        color: inherit
    }

.panel-footer[b-m7jyd7o9fh] {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel > .list-group[b-m7jyd7o9fh], .panel > .panel-collapse > .list-group[b-m7jyd7o9fh] {
    margin-bottom: 0
}

    .panel > .list-group .list-group-item[b-m7jyd7o9fh], .panel > .panel-collapse > .list-group .list-group-item[b-m7jyd7o9fh] {
        border-width: 1px 0;
        border-radius: 0
    }

    .panel > .list-group:first-child .list-group-item:first-child[b-m7jyd7o9fh], .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child[b-m7jyd7o9fh] {
        border-top: 0;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px
    }

    .panel > .list-group:last-child .list-group-item:last-child[b-m7jyd7o9fh], .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child[b-m7jyd7o9fh] {
        border-bottom: 0;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px
    }

.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child[b-m7jyd7o9fh] {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.panel-heading + .list-group .list-group-item:first-child[b-m7jyd7o9fh] {
    border-top-width: 0
}

.list-group + .panel-footer[b-m7jyd7o9fh] {
    border-top-width: 0
}

.panel > .panel-collapse > .table[b-m7jyd7o9fh], .panel > .table[b-m7jyd7o9fh], .panel > .table-responsive > .table[b-m7jyd7o9fh] {
    margin-bottom: 0
}

    .panel > .panel-collapse > .table caption[b-m7jyd7o9fh], .panel > .table caption[b-m7jyd7o9fh], .panel > .table-responsive > .table caption[b-m7jyd7o9fh] {
        padding-right: 15px;
        padding-left: 15px
    }

    .panel > .table-responsive:first-child > .table:first-child[b-m7jyd7o9fh], .panel > .table:first-child[b-m7jyd7o9fh] {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px
    }

        .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child[b-m7jyd7o9fh], .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child[b-m7jyd7o9fh], .panel > .table:first-child > tbody:first-child > tr:first-child[b-m7jyd7o9fh], .panel > .table:first-child > thead:first-child > tr:first-child[b-m7jyd7o9fh] {
            border-top-left-radius: 3px;
            border-top-right-radius: 3px
        }

            .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child[b-m7jyd7o9fh], .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child[b-m7jyd7o9fh], .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child[b-m7jyd7o9fh], .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child[b-m7jyd7o9fh], .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child[b-m7jyd7o9fh], .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child[b-m7jyd7o9fh], .panel > .table:first-child > thead:first-child > tr:first-child td:first-child[b-m7jyd7o9fh], .panel > .table:first-child > thead:first-child > tr:first-child th:first-child[b-m7jyd7o9fh] {
                border-top-left-radius: 3px
            }

            .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child[b-m7jyd7o9fh], .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child[b-m7jyd7o9fh], .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child[b-m7jyd7o9fh], .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child[b-m7jyd7o9fh], .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child[b-m7jyd7o9fh], .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child[b-m7jyd7o9fh], .panel > .table:first-child > thead:first-child > tr:first-child td:last-child[b-m7jyd7o9fh], .panel > .table:first-child > thead:first-child > tr:first-child th:last-child[b-m7jyd7o9fh] {
                border-top-right-radius: 3px
            }

    .panel > .table-responsive:last-child > .table:last-child[b-m7jyd7o9fh], .panel > .table:last-child[b-m7jyd7o9fh] {
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px
    }

        .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child[b-m7jyd7o9fh], .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child[b-m7jyd7o9fh], .panel > .table:last-child > tbody:last-child > tr:last-child[b-m7jyd7o9fh], .panel > .table:last-child > tfoot:last-child > tr:last-child[b-m7jyd7o9fh] {
            border-bottom-right-radius: 3px;
            border-bottom-left-radius: 3px
        }

            .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child[b-m7jyd7o9fh], .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child[b-m7jyd7o9fh], .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child[b-m7jyd7o9fh], .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child[b-m7jyd7o9fh], .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child[b-m7jyd7o9fh], .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child[b-m7jyd7o9fh], .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child[b-m7jyd7o9fh], .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child[b-m7jyd7o9fh] {
                border-bottom-left-radius: 3px
            }

            .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child[b-m7jyd7o9fh], .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child[b-m7jyd7o9fh], .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child[b-m7jyd7o9fh], .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child[b-m7jyd7o9fh], .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child[b-m7jyd7o9fh], .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child[b-m7jyd7o9fh], .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child[b-m7jyd7o9fh], .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child[b-m7jyd7o9fh] {
                border-bottom-right-radius: 3px
            }

    .panel > .panel-body + .table[b-m7jyd7o9fh], .panel > .panel-body + .table-responsive[b-m7jyd7o9fh], .panel > .table + .panel-body[b-m7jyd7o9fh], .panel > .table-responsive + .panel-body[b-m7jyd7o9fh] {
        border-top: 1px solid #ddd
    }

    .panel > .table > tbody:first-child > tr:first-child td[b-m7jyd7o9fh], .panel > .table > tbody:first-child > tr:first-child th[b-m7jyd7o9fh] {
        border-top: 0
    }

.panel > .table-bordered[b-m7jyd7o9fh], .panel > .table-responsive > .table-bordered[b-m7jyd7o9fh] {
    border: 0
}

    .panel > .table-bordered > tbody > tr > td:first-child[b-m7jyd7o9fh], .panel > .table-bordered > tbody > tr > th:first-child[b-m7jyd7o9fh], .panel > .table-bordered > tfoot > tr > td:first-child[b-m7jyd7o9fh], .panel > .table-bordered > tfoot > tr > th:first-child[b-m7jyd7o9fh], .panel > .table-bordered > thead > tr > td:first-child[b-m7jyd7o9fh], .panel > .table-bordered > thead > tr > th:first-child[b-m7jyd7o9fh], .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child[b-m7jyd7o9fh], .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child[b-m7jyd7o9fh], .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child[b-m7jyd7o9fh], .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child[b-m7jyd7o9fh], .panel > .table-responsive > .table-bordered > thead > tr > td:first-child[b-m7jyd7o9fh], .panel > .table-responsive > .table-bordered > thead > tr > th:first-child[b-m7jyd7o9fh] {
        border-left: 0
    }

    .panel > .table-bordered > tbody > tr > td:last-child[b-m7jyd7o9fh], .panel > .table-bordered > tbody > tr > th:last-child[b-m7jyd7o9fh], .panel > .table-bordered > tfoot > tr > td:last-child[b-m7jyd7o9fh], .panel > .table-bordered > tfoot > tr > th:last-child[b-m7jyd7o9fh], .panel > .table-bordered > thead > tr > td:last-child[b-m7jyd7o9fh], .panel > .table-bordered > thead > tr > th:last-child[b-m7jyd7o9fh], .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child[b-m7jyd7o9fh], .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child[b-m7jyd7o9fh], .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child[b-m7jyd7o9fh], .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child[b-m7jyd7o9fh], .panel > .table-responsive > .table-bordered > thead > tr > td:last-child[b-m7jyd7o9fh], .panel > .table-responsive > .table-bordered > thead > tr > th:last-child[b-m7jyd7o9fh] {
        border-right: 0
    }

    .panel > .table-bordered > tbody > tr:first-child > td[b-m7jyd7o9fh], .panel > .table-bordered > tbody > tr:first-child > th[b-m7jyd7o9fh], .panel > .table-bordered > thead > tr:first-child > td[b-m7jyd7o9fh], .panel > .table-bordered > thead > tr:first-child > th[b-m7jyd7o9fh], .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td[b-m7jyd7o9fh], .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th[b-m7jyd7o9fh], .panel > .table-responsive > .table-bordered > thead > tr:first-child > td[b-m7jyd7o9fh], .panel > .table-responsive > .table-bordered > thead > tr:first-child > th[b-m7jyd7o9fh] {
        border-bottom: 0
    }

    .panel > .table-bordered > tbody > tr:last-child > td[b-m7jyd7o9fh], .panel > .table-bordered > tbody > tr:last-child > th[b-m7jyd7o9fh], .panel > .table-bordered > tfoot > tr:last-child > td[b-m7jyd7o9fh], .panel > .table-bordered > tfoot > tr:last-child > th[b-m7jyd7o9fh], .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td[b-m7jyd7o9fh], .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th[b-m7jyd7o9fh], .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td[b-m7jyd7o9fh], .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th[b-m7jyd7o9fh] {
        border-bottom: 0
    }

.panel > .table-responsive[b-m7jyd7o9fh] {
    margin-bottom: 0;
    border: 0
}

.panel-group[b-m7jyd7o9fh] {
    margin-bottom: 20px
}

    .panel-group .panel[b-m7jyd7o9fh] {
        margin-bottom: 0;
        border-radius: 4px
    }

        .panel-group .panel + .panel[b-m7jyd7o9fh] {
            margin-top: 5px
        }

    .panel-group .panel-heading[b-m7jyd7o9fh] {
        border-bottom: 0
    }

        .panel-group .panel-heading + .panel-collapse > .list-group[b-m7jyd7o9fh], .panel-group .panel-heading + .panel-collapse > .panel-body[b-m7jyd7o9fh] {
            border-top: 1px solid #ddd
        }

    .panel-group .panel-footer[b-m7jyd7o9fh] {
        border-top: 0
    }

        .panel-group .panel-footer + .panel-collapse .panel-body[b-m7jyd7o9fh] {
            border-bottom: 1px solid #ddd
        }

.panel-default[b-m7jyd7o9fh] {
    border-color: #ddd
}

    .panel-default > .panel-heading[b-m7jyd7o9fh] {
        color: #333;
        background-color: #f5f5f5;
        border-color: #ddd
    }

        .panel-default > .panel-heading + .panel-collapse > .panel-body[b-m7jyd7o9fh] {
            border-top-color: #ddd
        }

        .panel-default > .panel-heading .badge[b-m7jyd7o9fh] {
            color: #f5f5f5;
            background-color: #333
        }

    .panel-default > .panel-footer + .panel-collapse > .panel-body[b-m7jyd7o9fh] {
        border-bottom-color: #ddd
    }

.panel-primary[b-m7jyd7o9fh] {
    border-color: #337ab7
}

    .panel-primary > .panel-heading[b-m7jyd7o9fh] {
        color: #fff;
        background-color: #337ab7;
        border-color: #337ab7
    }

        .panel-primary > .panel-heading + .panel-collapse > .panel-body[b-m7jyd7o9fh] {
            border-top-color: #337ab7
        }

        .panel-primary > .panel-heading .badge[b-m7jyd7o9fh] {
            color: #337ab7;
            background-color: #fff
        }

    .panel-primary > .panel-footer + .panel-collapse > .panel-body[b-m7jyd7o9fh] {
        border-bottom-color: #337ab7
    }

.panel-success[b-m7jyd7o9fh] {
    border-color: #d6e9c6
}

    .panel-success > .panel-heading[b-m7jyd7o9fh] {
        color: #3c763d;
        background-color: #dff0d8;
        border-color: #d6e9c6
    }

        .panel-success > .panel-heading + .panel-collapse > .panel-body[b-m7jyd7o9fh] {
            border-top-color: #d6e9c6
        }

        .panel-success > .panel-heading .badge[b-m7jyd7o9fh] {
            color: #dff0d8;
            background-color: #3c763d
        }

    .panel-success > .panel-footer + .panel-collapse > .panel-body[b-m7jyd7o9fh] {
        border-bottom-color: #d6e9c6
    }

.panel-info[b-m7jyd7o9fh] {
    border-color: #bce8f1
}

    .panel-info > .panel-heading[b-m7jyd7o9fh] {
        color: #31708f;
        background-color: #d9edf7;
        border-color: #bce8f1
    }

        .panel-info > .panel-heading + .panel-collapse > .panel-body[b-m7jyd7o9fh] {
            border-top-color: #bce8f1
        }

        .panel-info > .panel-heading .badge[b-m7jyd7o9fh] {
            color: #d9edf7;
            background-color: #31708f
        }

    .panel-info > .panel-footer + .panel-collapse > .panel-body[b-m7jyd7o9fh] {
        border-bottom-color: #bce8f1
    }

.panel-warning[b-m7jyd7o9fh] {
    border-color: #faebcc
}

    .panel-warning > .panel-heading[b-m7jyd7o9fh] {
        color: #8a6d3b;
        background-color: #fcf8e3;
        border-color: #faebcc
    }

        .panel-warning > .panel-heading + .panel-collapse > .panel-body[b-m7jyd7o9fh] {
            border-top-color: #faebcc
        }

        .panel-warning > .panel-heading .badge[b-m7jyd7o9fh] {
            color: #fcf8e3;
            background-color: #8a6d3b
        }

    .panel-warning > .panel-footer + .panel-collapse > .panel-body[b-m7jyd7o9fh] {
        border-bottom-color: #faebcc
    }

.panel-danger[b-m7jyd7o9fh] {
    border-color: #ebccd1
}

    .panel-danger > .panel-heading[b-m7jyd7o9fh] {
        color: #a94442;
        background-color: #f2dede;
        border-color: #ebccd1
    }

        .panel-danger > .panel-heading + .panel-collapse > .panel-body[b-m7jyd7o9fh] {
            border-top-color: #ebccd1
        }

        .panel-danger > .panel-heading .badge[b-m7jyd7o9fh] {
            color: #f2dede;
            background-color: #a94442
        }

    .panel-danger > .panel-footer + .panel-collapse > .panel-body[b-m7jyd7o9fh] {
        border-bottom-color: #ebccd1
    }

.draggable-item[b-m7jyd7o9fh] {
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 5px;
    background-color: #f9f9f9;
}

    .draggable-item.dragging[b-m7jyd7o9fh] {
        opacity: 0.5;
    }

.float-right[b-m7jyd7o9fh] {
    float: right;
}



.small-dropbox[b-m7jyd7o9fh] {
    width: 150px; /* Set the desired width */
    height: 30px; /* Set the desired height */
}

.hidden[b-m7jyd7o9fh] {
    display: none;
}

.alert-custom[b-m7jyd7o9fh] {
    display: flex;
    align-items: center;
    background-color: #f8d7da;
    color: #721c24;
    border-color: #f5c6cb;
    padding: 0.75rem 1.25rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

    .alert-custom .icon[b-m7jyd7o9fh] {
        margin-right: 0.75rem;
    }

.horizontalbar[b-m7jyd7o9fh] {
    display: flex;
    width: 1343px;
    height: 55px;
    padding: 8px Global.Size.None;
    align-items: center;
    gap: Global.Size.None;
    flex-shrink: 0;
    border: 0.5px solid var(--neutrals-web-gray-60-c-8-c-6-c-4, #C8C6C4);
    background: var(--neutrals-white-ffffff, #FFF);
    /* Elevation/Card rest */
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.10);
}

.button[b-m7jyd7o9fh] {
    display: inline-flex;
    padding: var(--Vertical-SNudge, 6px) var(--Horizontal-M, 12px);
    justify-content: center;
    align-items: center;
    gap: var(--Horizontal-SNudge, 6px);
    border-radius: var(--corner-radius, 4px);
    background: BrandBackground.Rest;
}
.accordianbutton[b-m7jyd7o9fh] {
    display: flex;
    padding: var(--Vertical-XXS, 2px) var(--Horizontal-S, 8px);
    justify-content: center;
    align-items: center;
    gap: var(--Horizontal-XS, 4px);
    border-radius: var(--corner-radius, 4px);
    border: var(--Thin, 1px) solid var(--neutrals-web-gray-1108-a-8886, #8A8886);
    background: NeutralBackground1.Rest;
}
.switch[b-m7jyd7o9fh] {
    display: flex;
    width: 188px;
    height: 20px;
    padding: Global.Size.None;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    border-radius: 16px;
}
/* /Pages/TestScripts/SortableList.razor.rz.scp.css */
/* 
  you need the ::deep identifier if you are using scoped styles like this
  because scoped styles are only applied to markup in the component, not
  to the markup inside the render fragment.
*/

[b-bre51rjgd2] .sortable-ghost {
  visibility: hidden;
}

[b-bre51rjgd2] .sortable-fallback {
  opacity: 1 !important
}