/* _content/TLV.PMOP.SSRM.RCL/Components/CustomText.razor.rz.scp.css */
/*Floating Design*/
.text-input-group[b-j3hvesjgne],
.switch-input-group[b-j3hvesjgne] {
    width: 100%;
    height: auto;
    display: flex;
    position: relative;
    align-items: center;
    color: #6C7681;
    font-size: 14px;
    padding: 8px 10px;
    border-radius: 0.25rem;
    border: 1px solid #6C7681;
    transition: all 200ms linear;
    background-color: transparent;
}

    /*Disabled Background Color*/
    .text-input-group.disabled[b-j3hvesjgne],
    .switch-input-group.disabled[b-j3hvesjgne] {
        transition: 200ms;
        background-color: #E9ECEF;
    }

    .text-input-group:has(textarea)[b-j3hvesjgne] {
        align-items: unset;
    }

    .text-input-group:has(select)[b-j3hvesjgne] {
        padding: 12px 0;
    }

        .text-input-group:has(select) > label[b-j3hvesjgne] {
            margin: 0 14px;
        }

    .text-input-group:focus-within[b-j3hvesjgne] {
        border-color: #003E73 !important;
        box-shadow: inset 0 0 0 1px #003E73 !important;
    }

    .text-input-group:has(.text-input.modified.valid)[b-j3hvesjgne] {
        border-color: #26B050 !important;
        box-shadow: inset 0 0 0 1px #26B050 !important;
    }

    .text-input-group:has(.text-input.modified.invalid)[b-j3hvesjgne] {
        border-color: red !important;
        box-shadow: inset 0 0 0 1px red !important;
    }

    .text-input-group .text-input:disabled[b-j3hvesjgne] {
        -webkit-box-shadow: 0 0 0 30px #E9ECEF inset;
    }

    .text-input-group .text-input[b-j3hvesjgne] {
        width: 100%;
        height: 50%;
        color: #6C7681;
        appearance: none;
        margin-right: 14px;
        border: 0 !important;
        outline: 0 !important;
        background-color: transparent;
        box-shadow: 0 0 0 30px white inset;
    }

        .text-input-group .text-input:focus ~ .text-label[b-j3hvesjgne] {
            color: #003E73;
        }



        .text-input-group .text-input:focus ~ .text-label[b-j3hvesjgne],
        .text-input-group .text-input:not(:placeholder-shown) ~ .text-label[b-j3hvesjgne] {
            padding: 0 3px;
            transform: scale(0.9) translateY(-1.3rem) translateX(-0.4rem);
            font-weight: bolder;
        }

        .text-input-group .text-input.modified.valid ~ .text-label[b-j3hvesjgne],
        .text-input-group .text-input.modified.valid:focus ~ .text-label[b-j3hvesjgne] {
            color: #26B050 !important;
        }

        .text-input-group .text-input.modified.invalid ~ .text-label[b-j3hvesjgne],
        .text-input-group .text-input.modified.invalid:focus ~ .text-label[b-j3hvesjgne] {
            color: red !important;
        }

    .text-input-group select[b-j3hvesjgne] {
        cursor: pointer;
        padding: 0 14px;
        margin: 0 2px !important;
    }

        .text-input-group select:disabled[b-j3hvesjgne] {
            opacity: 1;
        }

    .text-input-group textarea[b-j3hvesjgne] {
        white-space: pre-wrap;
        margin-right: 0 !important;
    }

.input-icon[b-j3hvesjgne] {
    cursor: pointer;
    font-size: 18px;
}

.dropdown-icon[b-j3hvesjgne] {
    right: 14px;
    font-size: 20px;
    cursor: pointer;
    position: absolute;
    pointer-events: none;
}

.text-input-group.disabled .text-label[b-j3hvesjgne] {
    border-radius: 0.25rem;
    background-color: #E9ECEF;
}


.text-label[b-j3hvesjgne] {
    margin: 0;
    user-select: none;
    transition: all 250ms cubic-bezier(0, 0.85, 0, 0.94) 0s;
    position: absolute;
    background-color: white;
}
/* _content/TLV.PMOP.SSRM.RCL/Components/PoFChart.razor.rz.scp.css */
[b-pbhuy80s13] .chart-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

[b-pbhuy80s13] .chart {
    height: 36vh;
    width: 45vw;
}

[b-pbhuy80s13] .chart-maximized {
    height: 75vh;
    width: 45vw;
}

[b-pbhuy80s13] .modified-devexpress-loading-panel {
    width: 100%;
    height: 100%;
    z-index: 100;
    user-select: none;
    position: absolute !important;
}
/* _content/TLV.PMOP.SSRM.RCL/Components/RiskMatrix.razor.rz.scp.css */
.chart-container[b-m5yry8i27k] {
    width: 100%;
    height: 100%;
}

.chart-container[b-m5yry8i27k]  .chart-style svg .dxc-series-group .dxc-series rect {
    stroke: #000000;
    stroke-width: 1;
}

[b-m5yry8i27k] rect[fill="rgba(255,255,255,0)"] {
    stroke: none !important;
}

.chart-container[b-m5yry8i27k]  .dx-chart-legend-item[data-series="0"],
.chart-container[b-m5yry8i27k]  .dx-chart-legend-item[data-series="1"],
.chart-container[b-m5yry8i27k]  .dx-chart-legend-item[data-series="2"],
.chart-container[b-m5yry8i27k]  .dx-chart-legend-item[data-series="3"],
.chart-container[b-m5yry8i27k]  .dx-chart-legend-item[data-series="4"],
.chart-container[b-m5yry8i27k]  .dx-chart-legend-item[data-series="5"] {
    display: none;
}

. chart-container.dx-chart-legend-icon ~ *[b-m5yry8i27k] {
    flex: 1 1 auto;
}

. chart-container.dx-chart-legend-icon[b-m5yry8i27k] {
    height: 1rem;
    width: 1rem;
    flex: 0 0 1rem;
    margin-right: 0.25rem;
    position: relative;
    overflow: hidden;
}

.chart-container[b-m5yry8i27k]  .dx-chart-legend {
    font-size: smaller;
    font-weight: bold;
}
/* _content/TLV.PMOP.SSRM.RCL/Components/SeriesParallelManager.razor.rz.scp.css */
.series-parallel-manager-container[b-xovdutag6s] {
    height: calc(100% - 1rem);
    display: block;
    margin-top: 1rem;
    margin-left: 1rem;
    align-items: flex-start;
}

[b-xovdutag6s] .dxbl-treeview {
    height: 100%;
}


.series-parallel-manager-tree[b-xovdutag6s] {
    width: 100%;
    height: calc(100vh - 110px - 1.1rem - 1.1rem - 40px - 31px - 1rem);
}

    .series-parallel-manager-tree > .manager-tree-title[b-xovdutag6s] {
        display: block;
        font-size: 14px;
        font-weight: 600;
        margin-bottom: 0.5rem;
    }

    .series-parallel-manager-tree > .manager-tree-body[b-xovdutag6s] {
        width: 100%;
        border-radius: 0.25rem;
        height: calc(100% - 28px);
        border: solid 1px #ced4da;
    }

.series-parallel-manager-control[b-xovdutag6s] {
    display: flex;
    column-gap: 1rem;
    align-items: center;
    margin: 2rem auto 1rem auto;
}

    .series-parallel-manager-control[b-xovdutag6s] >  .manager-control-button {
        width: 120px;
        border: none;
        padding: 6px 12px;
        margin-bottom: 1rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

[b-xovdutag6s] .tree-selected {
    background-color: #003e73 !important;
    color: #fff !important;
}

[b-xovdutag6s] .dx-treeview-item-without-checkbox.dx-state-focused > .dx-treeview-item {
    background-color: transparent;
    color: black;
}
/*
::deep .dx-treeview-item-content:has(.tree-selected) {
    background-color: #003e73 !important;
    color: #fff !important;
}*/

@media (min-width: 675px) {

}

@media (min-width: 867px) {
    .series-parallel-manager-container[b-xovdutag6s] {
        display: flex;
    }

    .series-parallel-manager-tree[b-xovdutag6s] {
        width: 300px;
        height: calc(100vh - 110px - 1.1rem - 1.1rem - 40px - 31px - 1rem);
    }

    .series-parallel-manager-control[b-xovdutag6s] {
        display: block;
        margin: auto 1rem;
    }
}

@media (min-width: 992px) {
    .series-parallel-manager-tree[b-xovdutag6s] {
        width: 400px;
    }
}


@media (min-width: 1400px) {
    .series-parallel-manager-tree[b-xovdutag6s] {
        width: 450px;
    }
}
/* _content/TLV.PMOP.SSRM.RCL/Components/SeriesParallelManagerMaster.razor.rz.scp.css */
#parent-tab-container[b-ged6ewebgg],
#parent-tab-container[b-ged6ewebgg]  .tab-container {
    width: 100%;
    height: 100%;
    margin: 0px !important;
}

    #parent-tab-container[b-ged6ewebgg]  .tab-container > nav > .dxbl-scroll-viewer .tab-item {
        border: none;
        border-color: unset !important;
    }

[b-ged6ewebgg] .dxbl-tabs {
    height: 100% !important;
}

[b-ged6ewebgg] .dxbl-tabs-content-panel {
    height: calc(100% - 40px) !important;
}


#parent-tab-container[b-ged6ewebgg]  .tab-container > nav > .dxbl-scroll-viewer .tab-item::after,
[b-ged6ewebgg] .dxbl-tabs > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li > .dxbl-tabs-item:not(.dxbl-tabs-tmpl):not(.dxbl-disabled):not(:disabled).dxbl-active::after, .dxbl-tabs > ul > li > .dxbl-tabs-item:not(.dxbl-tabs-tmpl):not(.dxbl-disabled):not(:disabled).dxbl-active[b-ged6ewebgg]::after {
    height: 2px;
    background-color: #003E73 !important;
}

#parent-tab-container[b-ged6ewebgg]  .tab-container > nav > .dxbl-scroll-viewer .tab-item.dxbl-active span {
    color: #003E73;
    font-weight: bold;
}
/* _content/TLV.PMOP.SSRM.RCL/Pages/AssessmentLayoutPage.razor.rz.scp.css */
.assessment-form[b-9qhc7siqoj] {
    width: 100%;
    height: 100%;
}

.assessment-container[b-9qhc7siqoj] {
    width: 100%;
    display: flex;
    position: relative;
    min-height: calc(100% - 47px);
    animation: fadeIn-b-9qhc7siqoj 0.35s ease-in-out;
}

.assessment-detail[b-9qhc7siqoj] {
    flex: 1;
    width: 100%;
}

.assessment-header-container[b-9qhc7siqoj] {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}

    .assessment-header-container > .assessment-header[b-9qhc7siqoj] {
        flex-grow: 1;
        display: flex;
        align-items: center;
       
    }

        .assessment-header-container > .assessment-header > h5[b-9qhc7siqoj] {
            margin: 0;
            font-size: 18px;
        }

        .assessment-header-container > .assessment-header > span[b-9qhc7siqoj] {
            font-size: 14px;
            margin-left: 0.5rem;
        }

.form-container[b-9qhc7siqoj] {
    width: 100%;
    height: 100%;
    animation: fadeIn-b-9qhc7siqoj 0.35s ease-in-out;
}

@keyframes fadeIn-b-9qhc7siqoj {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

[b-9qhc7siqoj] .dxbl-text {
    pointer-events: none;
}
/* _content/TLV.PMOP.SSRM.RCL/Pages/Assessment/ApplicationPOF.razor.rz.scp.css */
.pof-container[b-tz615u3n2w] {
    display: flex;
    align-items: start;
    justify-content: space-between;
}

.pof-list[b-tz615u3n2w] {
    border: 1px solid #ced4da;
    top: 0rem;
    position: sticky;
    min-width: 157px;
    margin-right: 1rem;
}

.pof-detail-container[b-tz615u3n2w] {
    flex: 1;
}
/* _content/TLV.PMOP.SSRM.RCL/Pages/Assessment/AssessmentNavigation.razor.rz.scp.css */


.assessment-list[b-klcvpsq894] {
    top: 0;
    width: 58px;
    min-width: 58px;
    padding: 6px;
    overflow: hidden;
    position: sticky;
    user-select: none;
    margin-right: 1rem;
    border-radius: 5px;
    border: 1px solid #ced4da;
    transition: 200ms ease-in-out;
    box-shadow: 1px 3px 8px rgba(0, 0, 0, 0.1);
    height: calc(100vh - 56px - 1.1rem - 1.1rem - 40px - 31px - 1rem)
}

    .assessment-list.expanded[b-klcvpsq894],
    .assessment-list.collapsable:hover[b-klcvpsq894] {
        min-width: 300px;
    }

        .assessment-list.expanded > .assessment-item > span[b-klcvpsq894],
        .assessment-list.collapsable:hover > .assessment-item > span[b-klcvpsq894] {
            opacity: 1;
            transition: 400ms;
            visibility: visible;
            transition-delay: 100ms;
            padding-left: calc(24px + 0.7rem);
            transition-property: opacity visibility;
            border-radius: 0.25rem !important;
        }

    .assessment-list > .assessment-item[b-klcvpsq894] {
        border-radius: 4px;
    }

        /*    .assessment-list > .assessment-item:first-child {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }

    .assessment-list > .assessment-item:last-child {
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
    }*/

        .assessment-list > .assessment-item:not(:first-child)[b-klcvpsq894] {
            margin-top: 0.5rem;
        }

.assessment-item[b-klcvpsq894] {
    display: flex;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    align-items: center;
    text-decoration: none;
    padding: 0.325rem 0.625rem;
}

    .assessment-item.selected[b-klcvpsq894] {
        color: white;
        background-color: #003e73;
        border-radius: 0.25rem !important;
    }

    .assessment-item:not(.selected):hover[b-klcvpsq894] {
        background-color: #DCDDDD;
    }

    .assessment-item:not(.selected):focus[b-klcvpsq894] {
        background-color: #D1D2D2;
    }


    .assessment-item > img[b-klcvpsq894] {
        z-index: 1;
        width: 24px;
    }

    .assessment-item > span[b-klcvpsq894] {
        z-index: 2;
        opacity: 0;
        flex: 1 1 auto;
        font-size: 14px;
        position: absolute;
        visibility: hidden;
    }

@media(max-height: 730px) {
    .assessment-list[b-klcvpsq894] {
        min-width: 68px;
        overflow-y: auto;
    }

        .assessment-list[b-klcvpsq894]::-webkit-scrollbar {
            width: 12px;
        }

        .assessment-list[b-klcvpsq894]::-webkit-scrollbar-track {
            /*background-color: transparent;*/
            border-radius: 0 3px 3px 0;
        }

        .assessment-list[b-klcvpsq894]::-webkit-scrollbar-thumb {
            border-radius: 8px;
            background-clip: padding-box;
            border: 4px solid transparent;
        }
}

@media(min-width: 1200px) {
    .assessment-list.collapsable[b-klcvpsq894] {
        min-width: 300px;
    }

        .assessment-list.collapsable > .assessment-item > span[b-klcvpsq894] {
            opacity: 1;
            transition: 400ms;
            visibility: visible;
            transition-delay: 100ms;
            padding-left: calc(24px + 0.7rem);
            transition-property: opacity visibility;
            border-radius: 0.25rem !important;
        }
}
/* _content/TLV.PMOP.SSRM.RCL/Pages/Assessment/ComponentPoF.razor.rz.scp.css */
.pof-container[b-1kcdpn9zpj] {
    display: flex;
    align-items: start;
    justify-content: space-between;
}

.pof-list[b-1kcdpn9zpj] {
    top: 0;
    padding: 5px;
    width: 240px;
    overflow: hidden;
    position: sticky;
    margin-right: 1rem;
    border-radius: 0.25rem;
    border: 1px solid #ced4da;
    height: calc(100vh - 56px - 1.1rem - 1.1rem - 40px - 31px - 1rem);
}

[b-1kcdpn9zpj] .dxbl-image {
    width: 16px;
}

.pof-detail-container[b-1kcdpn9zpj] {
    flex: 1;
}

[b-1kcdpn9zpj] .dxbl-treeview {
    height: 100%;
}
/* _content/TLV.PMOP.SSRM.RCL/Pages/Assessment/ComponentProperties.razor.rz.scp.css */
.component-container[b-63jayuemk3] {
    display: flex;
    align-items: start;
    justify-content: space-between;
}

.component-list-container[b-63jayuemk3] {
    position: sticky;
    top: 0;
}

.component-list[b-63jayuemk3] {
    top: 0;
    padding: 5px;
    width: 240px;
    overflow: hidden;
    position: sticky;
    margin-right: 1rem;
    border-radius: 0.25rem;
    border: 1px solid #ced4da;
    /* height = (100% - header - body padding^2 - footer - assessment header - list buttons) */
    height: calc(100vh - 56px - 1.1rem - 1.1rem - 40px - 31px - 1rem - 0.5rem - 32px);
}

.component-detail-container[b-63jayuemk3] {
    flex: 1;
}

[b-63jayuemk3] .dxbl-image {
    width: 16px;
}

[b-63jayuemk3] .dxbl-treeview {
    height: 100%;
}
 
.btn-svg[b-63jayuemk3] {
    border: 1px solid #ced4da;
    background-color: transparent !important;
    outline: none
}
/* _content/TLV.PMOP.SSRM.RCL/Pages/Assessment/Inspections.razor.rz.scp.css */
.inspection-container[b-63b03wjfck] {
    display: flex;
    align-items: start;
    justify-content: space-between;
}

.inspection-list[b-63b03wjfck] {
    top: 0;
    padding: 5px;
    width: 240px;
    overflow: hidden;
    position: sticky;
    margin-right: 1rem;
    border-radius: 0.25rem;
    border: 1px solid #ced4da;
    height: calc(100vh - 56px - 1.1rem - 1.1rem - 40px - 31px - 1rem);
}

.inspection-detail-container[b-63b03wjfck] {
    flex: 1;
    height: calc(100vh - 56px - 1.1rem - 1.1rem - 40px - 31px - 1rem);
}

[b-63b03wjfck] .dxbl-image {
    width: 16px;
}

[b-63b03wjfck] .dxbl-treeview {
    height: 100%;
}
/* _content/TLV.PMOP.SSRM.RCL/Pages/Assessment/LinePoF.razor.rz.scp.css */
.pof-container[b-8jdyilpa8j] {
    display: flex;
    align-items: start;
    justify-content: space-between;
}

.pof-list[b-8jdyilpa8j] {
    top: 0;
    padding: 5px;
    width: 240px;
    overflow: hidden;
    position: sticky;
    margin-right: 1rem;
    border-radius: 0.25rem;
    border: 1px solid #ced4da;
    height: calc(100vh - 56px - 1.1rem - 1.1rem - 40px - 31px - 1rem);
}

[b-8jdyilpa8j] .dxbl-image {
    width: 16px;
}

.pof-detail-container[b-8jdyilpa8j] {
    flex: 1;
}

[b-8jdyilpa8j] .dxbl-treeview {
    height: 100%;
}

/* _content/TLV.PMOP.SSRM.RCL/Pages/Assessment/RiskSummary.razor.rz.scp.css */
.risk-container[b-7dwm3jlvf6] {
    width: 100%;
    display: flex;
    align-items: start;
    justify-content: start;
    margin-bottom: 1rem;
}

    .risk-container > .risk-detail-container[b-7dwm3jlvf6] {
        border-radius: 0.25rem;
        border: 1px solid #ced4da;
    }

    .risk-container > .risk-detail-container[b-7dwm3jlvf6] {
        width: 560px;
        height: 540px;
    }

        .risk-container > .risk-detail-container:first-child[b-7dwm3jlvf6] {
            margin-right: 1rem;
        }



[b-7dwm3jlvf6] .dxbl-grid {
    --dxbl-grid-header-font-weight: 600;
    --dxbl-grid-font-size: 13px;
}


@media (max-width: 1500px) {
}
/* _content/TLV.PMOP.SSRM.RCL/Pages/ImportAssessment.razor.rz.scp.css */
.import-assessment-container[b-0w7as2oam0] {
    animation: fadeIn-b-0w7as2oam0 0.35s ease-in-out;
}

@keyframes fadeIn-b-0w7as2oam0 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
/* _content/TLV.PMOP.SSRM.RCL/Pages/Index.razor.rz.scp.css */
.assessment-layout-container[b-aiidwdck6g] {
    position: fixed;
    left: 0;
    top: var(--header-height);
    width: 100%;
    height: calc(100% - var(--header-height) - var(--footer-height));
    z-index: 1050;
    overflow-y: auto;
    padding: 1.1rem 2rem;
    background-color: white;
    --header-height: 56px;
    --footer-height: 40px;
}
/* _content/TLV.PMOP.SSRM.RCL/Pages/RiskMatrixSetting.razor.rz.scp.css */
.risk-matrix-settings-container[b-59rkjuoyzq] {
    animation: fadeIn-b-59rkjuoyzq 0.35s ease-in-out;
}

.table[b-59rkjuoyzq] {
    width: 27%;
    justify-content: flex-start;
    display: grid;
    grid-template-columns: repeat(5, 75px);
    grid-template-rows: repeat(5, 75px);
}

.cell[b-59rkjuoyzq] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: bold;
    position: relative;
    transition: transform 0.1s ease-in-out, box-shadow 0.2s ease-in-out;
}

    .cell:hover[b-59rkjuoyzq] {
        z-index: 2;
        transform: scale(1.2);
        box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
    }

    .cell input[b-59rkjuoyzq] {
        padding: 1px;
        margin: 1px;
        border-style: none;
        gap: 0px;
        position: absolute;
        width: 100%;
        height: 100%;
        cursor: pointer;
    }

        .cell input:focus[b-59rkjuoyzq] {
            /* opacity: 0; */
        }

        .cell input[b-59rkjuoyzq]::-webkit-color-swatch-wrapper {
            padding: 0;
        }

        .cell input[b-59rkjuoyzq]::-webkit-color-swatch {
            border: none;
        }

.label[b-59rkjuoyzq] {
    z-index: 2;
    margin-bottom: 0px;
    cursor: pointer;
}

.width-100[b-59rkjuoyzq] {
    width: 100px;
}

@keyframes fadeIn-b-59rkjuoyzq {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
/* _content/TLV.PMOP.SSRM.RCL/Shared/ExcelFileUploader.razor.rz.scp.css */
.file-uploader-wrapper[b-yy5t3kud6e] {
    width: 100%;
    cursor: pointer;
    user-select: none;
    border-radius: 0.40rem;
    background-color: white;
    border: 2px dashed grey;
}

.file-uploader-placeholder[b-yy5t3kud6e] {
    width: 100%;
    height: 100%;
    border-radius: 0.40rem;
}

    .file-uploader-placeholder > label[b-yy5t3kud6e] {
        width: 100%;
        height: 100%;
        margin: unset;
        display: flex;
        min-height: 150px;
        position: relative;
        align-items: center;
        padding: 1rem 0.75rem;
        border-radius: 0.40rem;
        flex-direction: column;
        transition-duration: 300ms;
    }

        .file-uploader-placeholder > label > *[b-yy5t3kud6e] {
            font-size: 16px;
        }

        .file-uploader-placeholder > label > .upload-icon[b-yy5t3kud6e] {
            flex-grow: 1;
            font-size: 30px;
            margin-bottom: 1rem;
        }

        .file-uploader-placeholder > label:hover[b-yy5t3kud6e],
        .selected-file.completed:hover[b-yy5t3kud6e] {
            background-color: #F4F4F4;
        }

        .file-uploader-placeholder > label:active[b-yy5t3kud6e],
        .selected-file.completed:active[b-yy5t3kud6e] {
            background-color: #D7D7D7;
        }

        .file-uploader-placeholder > label[b-yy5t3kud6e]  input#select-uploader-file {
            top: 0;
            left: 0;
            opacity: 0;
            width: 100%;
            height: 100%;
            cursor: pointer;
            position: absolute;
        }

.selected-file[b-yy5t3kud6e] {
    width: 100%;
    margin: 1rem 0;
    font-size: 16px;
    padding: 1rem 0.75rem;
    border-radius: 0.40rem;
    border: 2px solid grey;
}

    .selected-file.completed[b-yy5t3kud6e] {
        cursor: pointer;
        user-select: none;
        transition-duration: 300ms;
    }

selected-file .selected-file-left > *[b-yy5t3kud6e],
selected-file .selected-file-right > *[b-yy5t3kud6e] {
    margin: unset;
}

.selected-file .selected-file-left i[b-yy5t3kud6e],
.selected-file .selected-file-right i[b-yy5t3kud6e],
.selected-file .selected-file-left svg[b-yy5t3kud6e],
.selected-file .selected-file-right svg[b-yy5t3kud6e] {
    font-size: 24px;
}

.selected-file .selected-file-left i[b-yy5t3kud6e],
.selected-file .selected-file-left svg[b-yy5t3kud6e] {
    margin-right: 1rem;
}

.selected-file .selected-file-left[b-yy5t3kud6e] {
    flex-grow: 1;
    display: flex;
    align-items: center;
}

    .selected-file .selected-file-left > span[b-yy5t3kud6e] {
        vertical-align: middle;
    }

.selected-file .selected-file-right[b-yy5t3kud6e] {
    gap: 10px;
    display: flex;
    justify-content: right;
}

    .selected-file .selected-file-right > span[b-yy5t3kud6e] {
        color: var(--primary);
    }

.fade-in[b-yy5t3kud6e] {
    animation: fadeIn-b-yy5t3kud6e 0.35s ease-in-out;
}

@keyframes fadeIn-b-yy5t3kud6e {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
/* _content/TLV.PMOP.SSRM.RCL/Shared/FormModal.razor.rz.scp.css */
.modal-position[b-mo2xjk03ix] {
    width: 100%;
    position: fixed;
    top: var(--header-height);
    height: calc(100% - var(--header-height) - var(--footer-height));
    --header-height: 56px;
    --footer-height: 40px;
}

.modal-background[b-mo2xjk03ix] {
    left: 0;
    opacity: 1;
    z-index: 1000;
    visibility: visible;
    transition-duration: 200ms;
    background-color: rgba(175, 184, 193, 0.2);
}

    .modal-background.invisible[b-mo2xjk03ix] {
        opacity: 0;
        visibility: hidden;
    }

.modal-container[b-mo2xjk03ix] {
    right: 0;
    z-index: 1050;
    overflow-y: auto;
    padding: 16px 24px;
    background-color: white;
}

    .modal-container.visible[b-mo2xjk03ix] {
        opacity: 1;
        visibility: visible;
        transform: translateX(0);
        transition: opacity 200ms, transform 250ms;
    }

    .modal-container.invisible[b-mo2xjk03ix] {
        opacity: 0;
        transition: 300ms;
        visibility: hidden;
        transform: translateX(300px);
    }

@media (min-width: 768px) {
    .modal-container[b-mo2xjk03ix] {
        border-top-left-radius: 12px;
        border-bottom-left-radius: 12px;
        box-shadow: rgba(140, 149, 159, 0.2) 0px 8px 24px;
    }

        .modal-container.small-size[b-mo2xjk03ix] {
            width: min(40%, 1280px);
        }

        .modal-container.medium-size[b-mo2xjk03ix] {
            width: min(60%, 1280px);
        }

        .modal-container.big-size[b-mo2xjk03ix] {
            width: min(90%, 1280px);
        }
}