/* /Components/CmaPages/CmaCompletionComponent.razor.rz.scp.css */
.cs-table td[b-yn4t85wjdm], table.cs-table th[b-yn4t85wjdm] {
    padding: 5px;
    border: 1px solid rgba(0,0,0,0.08);
}

table.cs-table[b-yn4t85wjdm] {
    width: max-content;
    max-width: 100%;
}

    table.cs-table th[b-yn4t85wjdm] {
        background: #f6f7ff;
    }

table.cs-table2 thead th[b-yn4t85wjdm] {
    position: sticky;
    top: 0;
    z-index: 2;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05); /* Optional shadow for visual clarity */
}

[b-yn4t85wjdm] .preservationcheck button.k-button.buttongroupborder {
    border-color: #3737d74f !important;
    border-radius: 5px;
}

[b-yn4t85wjdm] .preservationcheck {
    display: flex;
    justify-content: center;
    column-gap: 64px;
}

    [b-yn4t85wjdm] .preservationcheck .k-icon-button.k-selected {
        background: #2635d4;
        border-color: #2635d4 !important;
    }

        [b-yn4t85wjdm] .preservationcheck .k-icon-button.k-selected:hover {
            background: #2635d4;
            border-color: #2635d4 !important;
        }

    [b-yn4t85wjdm] .preservationcheck button:not(.k-selected) .k-i-check::before {
        display: none;
    }

    [b-yn4t85wjdm] .preservationcheck .k-icon-button:hover {
        background: #dfe0ff;
        border-color: #8084ff !important;
    }

[b-yn4t85wjdm] .td-form-disable {
    pointer-events: none;
    /*opacity: 0.9;*/
    /*filter: grayscale(.9);*/
}

    [b-yn4t85wjdm] .td-form-disable .preservationcheck .buttongroupborder {
        background: #ebebeb;
        border-color: #ebebeb;
    }

    [b-yn4t85wjdm] .td-form-disable .preservationcheck .k-icon-button.k-selected {
        background: #2635d4;
        border-color: #2635d4 !important;
    }

    [b-yn4t85wjdm] .td-form-disable .k-textarea.k-input.remarksText.k-input-solid.k-rounded-md {
        font-weight: 400 !important;
        border: 1px solid lightgray;
        background: #ebebeb;
        color: #212529 !important;
    }

/*::deep .td-form-disable .sections {
        font-weight: 400 !important;
        border: 1px solid lightgray;
        background: #ebebeb;
        color: #212529 !important;
    }*/

[b-yn4t85wjdm] .upload-disable {
    pointer-events: none;
}

.completion-image[b-yn4t85wjdm] {
    width: 30px;
    height: 30px;
    margin-left: 5px;
}

[b-yn4t85wjdm] .submit-form-button {
    background: #4ba327;
    font-weight: 500;
    border: #4ba327;
}

[b-yn4t85wjdm] .upload-button {
    width: 190px !important;
}

[b-yn4t85wjdm] .signoff-textarea {
    height: 30px !important;
    border: 1.5px solid black;
    font-weight: 700;
}

.logo-img-esso[b-yn4t85wjdm] {
    max-width: 120px;
    height: 80px;
}

.logo-img-decom[b-yn4t85wjdm] {
    max-width: 120px;
    height: 80px;
}

.completion-certificate-title[b-yn4t85wjdm] {
    text-align: center;
    height: 70px;
    margin-top: 5px;
}

.facility-textarea[b-yn4t85wjdm] {
    height: 70px !important;
}

.section-textarea[b-yn4t85wjdm] {
    height: 44px !important;
}

[b-yn4t85wjdm] .preservationcheck-header {
    display: flex;
    justify-content: space-evenly !important;
    font-weight: bold;
}

[b-yn4t85wjdm] .sub-header {
    display: flex;
    justify-content: space-around !important;
    font-weight: bold;
}

[b-yn4t85wjdm] .preservationcheck-header > div {
    text-align: center;
}

[b-yn4t85wjdm] .preservationcheck {
    display: flex;
    justify-content: space-evenly !important;
    column-gap: 4px;
    padding: 0 5px 0 5px;
}

[b-yn4t85wjdm] .td-form-disable .k-textbox.k-input.signoff {
    font-weight: 400 !important;
    border: 1px solid lightgray;
    background: #F1F1F1;
    color: #212529 !important;
}

[b-yn4t85wjdm] .td-form-disable .k-datepicker.k-input.signoff {
    font-weight: 400 !important;
    border: 1px solid lightgray;
    background: #F1F1F1;
    color: #212529 !important;
}

[b-yn4t85wjdm] .sections {
    margin-left: 5px;
    font-size: small;
    font-weight: bold
}

.can-upload-false[b-yn4t85wjdm] {
    height: 40px;
    width: 70px;
}

[b-yn4t85wjdm] .take-photo-btn {
    top: 0;
    background: #45b816;
    border: 1px solid #45b816;
    width: 30px;
    border-radius: 3px;
    height: 30px;
    cursor: pointer;
    z-index: 1;
    color: #fff;
    text-align: center;
    border-radius: 50%;
}

[b-yn4t85wjdm] .take-photo-btn-wth-img {
    top: 0;
    background: #f6b26b;
    border: 1px solid #f6b26b;
    width: 30px;
    border-radius: 3px;
    height: 30px;
    cursor: pointer;
    z-index: 1;
    color: #fff;
    text-align: center;
    border-radius: 50%;
}

.k-textarea.k-input.remarksText.mrbCommentTextArea[b-yn4t85wjdm] {
    min-height: 50px;
    /*min-width: 400px;*/
}

.register-section-telerik-table[b-yn4t85wjdm] {
    height: 65% !important;
}
/* /Components/CmaPages/CmaCompletionSection2Component.razor.rz.scp.css */
.container[b-haudzglo79] {
    margin: 0;
    box-sizing: border-box;
}

table[b-haudzglo79] {
    border-collapse: collapse;
}

th[b-haudzglo79], td[b-haudzglo79] {
    border: 1px solid #ddd;
}

.logo-img[b-haudzglo79] {
    max-width: 175px;
    height: 50px;
}

.logo-header[b-haudzglo79] {
    display: flex;
    justify-content: space-between;
}

.logo-header-title[b-haudzglo79] {
    display: flex;
    align-items: flex-end;
    font-size: 18px;
}

.form-container[b-haudzglo79] {
    /*height: 80vh;*/
    margin: 20px 0 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.final-table[b-haudzglo79] {
    width: 100%;
    height: 100%;
}

    .final-table th[b-haudzglo79], td[b-haudzglo79] {
        border: 1px solid black;
        padding: 4px;
        vertical-align: top;
    }


.final-header[b-haudzglo79], .review-header[b-haudzglo79], .facility-td[b-haudzglo79], .date-td[b-haudzglo79] {
    background-color: #d9d9d9;
    font-weight: bold;
    color: #2C2C2C;
}

.final-header[b-haudzglo79] {
    text-align: center;
    font-size: 20px;
}

.sub-header[b-haudzglo79] {
    /*text-align: center;*/
    font-style: italic;
}

.checkbox[b-haudzglo79] {
    text-align: center;
}

.sign-off[b-haudzglo79] {
    background-color: #d9d9d9;
    font-weight: bold;
    text-align: center;
    color: #2C2C2C;
}

.sign-off-first[b-haudzglo79] {
    background-color: #d9d9d9;
}

.comments-section[b-haudzglo79] {
    min-height: 180px;
}

[b-haudzglo79] .preservationcheck-header {
    display: flex;
    justify-content: space-evenly !important;
    font-weight: bold;
}

.tr-height[b-haudzglo79] {
    height: 30px;
}
/* /Components/CustomTooltipComponent.razor.rz.scp.css */
.tooltip-content[b-txjfjai4yd] {
    position: absolute;
    background-color: #fff;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    visibility: hidden;
    white-space: nowrap;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
    z-index: 10002;
    width: 1300px;
    height: 550px;
}


.tooltip-content table[b-txjfjai4yd] {
    border-collapse: collapse;
    width: 100%;
}

.tooltip-content td[b-txjfjai4yd] {
    padding: 6px 8px;
    border-bottom: 1px solid #ddd;
}
/* /Components/DecommCert/LivingQuartersComponent.razor.rz.scp.css */
.formcontainer[b-vdnzp0nk43] {
    width: 95%;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 0px 90px;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 1px solid #e4dada;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); /* even shadow all around */
    margin-left: auto;
    margin-right: auto;
}

.headercontent[b-vdnzp0nk43] {
    height: 100px;
    margin-bottom: 10px;
}

    .headercontent .formtitle[b-vdnzp0nk43] {
        font-weight: 500;
        font-size: 30px;
    }

.gippslandimagecontainer img[b-vdnzp0nk43] {
    width: 70px;
    height: 70px;
}

.exxonmobilimagecontainer img[b-vdnzp0nk43] {
    width: 150px;
    height: 90px;
}

.stasiscontainer[b-vdnzp0nk43] {
    border: 2px solid black;
    min-height: 400px;
    max-width: 1040px;
    margin: 0 auto;
}

.statisheader[b-vdnzp0nk43] {
    font-weight: 700;
    font-size: 25px;
    height: 40px;
    border-bottom: 1px solid black;
    text-align: center;
    background-color: #e0dede;
}

.stasisdescription[b-vdnzp0nk43] {
    height: 125px;
    font-size: 16px;
    text-align: center;
    padding-top: 35px;
    padding-left: 40px;
    padding-right: 40px;
    font-weight: 600;
}

.h-30[b-vdnzp0nk43] {
    height: 30px;
}

.h-25[b-vdnzp0nk43] {
    height: 25px;
}

.h-125[b-vdnzp0nk43] {
    height: 125px;
}

.text-bold[b-vdnzp0nk43] {
    font-size: 12px;
    font-weight: 600;
}

.b-top[b-vdnzp0nk43] {
    border-top: 1px solid black;
}

.b-bottom[b-vdnzp0nk43] {
    border-bottom: 1px solid black;
}

.b-right[b-vdnzp0nk43] {
    border-right: 1px solid black;
}

.g-backgroundcolor[b-vdnzp0nk43] {
    background-color: #e0dede;
}

table[b-vdnzp0nk43] {
    border-collapse: collapse;
}

    table th[b-vdnzp0nk43] {
        font-size: 12px;
        font-weight: 600;
        text-align: center;
    }

    table tr td:last-child[b-vdnzp0nk43] {
        border-right: none;
    }

td[b-vdnzp0nk43] {
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    padding-left: 5px;
}

.remove-border-bottom[b-vdnzp0nk43] {
    border-bottom: none
}
/* /Components/DecommCert/StasisCertificateComponent.razor.rz.scp.css */
.formcontainer[b-vp3dytxcs8] {
    width: 95%;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 0px 90px;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 1px solid #e4dada;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); /* even shadow all around */
    margin-left: auto;
    margin-right: auto;
}

.headercontent[b-vp3dytxcs8] {
    height: 100px;
    margin-bottom: 10px;
}

    .headercontent .formtitle[b-vp3dytxcs8] {
        font-weight: 500;
        font-size: 30px;
    }

.gippslandimagecontainer img[b-vp3dytxcs8] {
    width: 70px;
    height: 70px;
}

.exxonmobilimagecontainer img[b-vp3dytxcs8] {
    width: 150px;
    height: 90px;
}

.stasiscontainer[b-vp3dytxcs8] {
    border: 2px solid black;
    min-height: 400px;
    max-width: 1040px;
    margin: 0 auto;
}

.statisheader[b-vp3dytxcs8] {
    font-weight: 700;
    font-size: 25px;
    height: 40px;
    border-bottom: 1px solid black;
    text-align: center;
    background-color: #e0dede;
}

.stasisdescription[b-vp3dytxcs8] {
    height: 125px;
    font-size: 16px;
    text-align: center;
    padding-top: 35px;
    padding-left: 40px;
    padding-right: 40px;
    font-weight: 600;
}

.h-30[b-vp3dytxcs8] {
    height: 30px;
}

.h-25[b-vp3dytxcs8] {
    height: 25px;
}

.h-125[b-vp3dytxcs8] {
    height: 125px;
}

.text-bold[b-vp3dytxcs8] {
    font-size: 12px;
    font-weight: 600;
}

.b-top[b-vp3dytxcs8] {
    border-top: 1px solid black;
}

.b-bottom[b-vp3dytxcs8] {
    border-bottom: 1px solid black;
}

.b-right[b-vp3dytxcs8] {
    border-right: 1px solid black;
}

.g-backgroundcolor[b-vp3dytxcs8] {
    background-color: #e0dede;
}

table[b-vp3dytxcs8] {
    border-collapse: collapse;
}

table th[b-vp3dytxcs8] {
    font-size: 12px;
    font-weight: 600;
    text-align: center;
}

    table tr td:last-child[b-vp3dytxcs8] {
        border-right: none;
    }

td[b-vp3dytxcs8] {
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    padding-left: 5px;
}

.remove-border-bottom[b-vp3dytxcs8] {
    border-bottom: none
}
/* /Components/HazMatComponent.razor.rz.scp.css */
/* /Components/HazmatFormComponent.razor.rz.scp.css */

.form-img-preview[b-f05i4g8hf8] {
    border-radius: 5px;
    padding: 2px;
    border: 1px solid #dedede;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
}

.image-container[b-f05i4g8hf8] {
    position: relative;
    display: inline-block;
}

.image-container img[b-f05i4g8hf8] {
    display: block;
    width: 240px;
    transition: opacity 0.3s;
    height: 240px;
    border-radius: 0;
    cursor: unset;
}

.image-container .edit-text[b-f05i4g8hf8] {
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: bold;
    font-size: 7px;
    opacity: 0;
    transition: opacity 0.3s;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
}

.form-sitejobcardallocation[b-f05i4g8hf8] {
    height: 100px !important;
}

.image-container:hover .edit-text[b-f05i4g8hf8] {
    opacity: 1;
}
@media(max-width:500px) {
    [b-f05i4g8hf8] .k-form .k-form-field, [b-f05i4g8hf8] .k-form .k-form-field-wrap {
        display: block;
        grid-area: auto;
    }

    .image-container img[b-f05i4g8hf8] {
        width: 100%;
        height: auto;
    }

    .image-container[b-f05i4g8hf8] {
        width: 100%;
    }
    .cs-btn-container[b-f05i4g8hf8]{
        justify-content: center;
    }
}
/* /Components/JobCardDTRComponent.razor.rz.scp.css */

/*::deep .camera-btn {
    display: none;
}*/
.cs-form-container[b-oofy4j2gsr] {
    padding: 1.5rem;
}

[b-oofy4j2gsr] .upload-btn {
    z-index: 2;
    cursor: pointer;
    color: #3276d5;
    left: -8px;
    position: relative;
    text-align: right;
    opacity: 0;
    z-index: 2;
}

/*::deep .upload-cam {
    cursor: pointer;
    z-index: 0;
    filter: brightness(0) invert(1);
    color: #3276d5;
    align-items: center;
    text-align: center;
}*/

[b-oofy4j2gsr] .attachment-btn {
    top: 0;
    background: #004fc6;
    border: 1px solid #004fc6;
    width: 30px;
    border-radius: 3px;
    height: 30px;
    line-height: 24px;
    cursor: pointer;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
    overflow: hidden;
}

    [b-oofy4j2gsr] .attachment-btn > img {
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        text-align: center;
        vertical-align: middle;
        z-index: 0;
        left: 6px;
        position: relative;
        filter: brightness(0) invert(1);
    }

    [b-oofy4j2gsr] .attachment-btn:hover {
        background-color: #0077d6;
        border: 1px solid #0077d6;
    }

[b-oofy4j2gsr] .delete-all-btn {
    top: 0;
    background: #eb1818;
    border: 1px solid #eb1818;
    width: 30px;
    border-radius: 3px;
    height: 30px;
    line-height: 24px;
    cursor: pointer;
    z-index: 1;
    color: #fff;
    text-align: center;
    border-radius: 50%;
}

[b-oofy4j2gsr] .take-photo-btn {
    top: 0;
    background: #45b816;
    border: 1px solid #45b816;
    width: 30px;
    border-radius: 3px;
    height: 30px;
    cursor: pointer;
    z-index: 1;
    color: #fff;
    text-align: center;
    border-radius: 50%;
}

[b-oofy4j2gsr] .take-photo-btn-wth-img {
    top: 0;
    background: #f6b26b;
    border: 1px solid #f6b26b;
    width: 30px;
    border-radius: 3px;
    height: 30px;
    cursor: pointer;
    z-index: 1;
    color: #fff;
    text-align: center;
    border-radius: 50%;
}

    [b-oofy4j2gsr] .take-photo-btn .k-icon, [b-oofy4j2gsr] .delete-all-btn .k-icon {
        filter: brightness(0) invert(1);
    }

    [b-oofy4j2gsr] .take-photo-btn img, [b-oofy4j2gsr] .delete-all-btn img {
        filter: brightness(0) invert(1);
        width: 18px;
        min-width: unset !important;
        min-height: unset !important;
    }

    [b-oofy4j2gsr] .take-photo-btn:hover {
        background: #33ce1a;
        border-color: #33ce1a;
    }

[b-oofy4j2gsr] .delete-all-btn:hover {
    background-color: #ff2424;
    border: 1px solid #ff2424;
}

[b-oofy4j2gsr] .img-wrap-attachment {
    width: 40px;
    margin-right: 2px;
}

[b-oofy4j2gsr] .delete-img-btn {
    /*border-radius: 50px;*/
    padding: 2px;
    border-radius: 50px;
    background: #eb1818;
    border: 1px solid #eb1818;
    width: 20px;
    height: 20px;
    position: relative;
    z-index: 1;
    right: 17px;
    top: -14.5px;
}

    [b-oofy4j2gsr] .delete-img-btn > span.k-icon.k-i-trash.k-button-icon {
        filter: brightness(1) invert(1);
        zoom: 0.75;
    }

    [b-oofy4j2gsr] .delete-img-btn:hover {
        background-color: #f32a26;
        border: 1px solid #f32a26;
    }


[b-oofy4j2gsr] h1#page-title {
    display: none;
}

[b-oofy4j2gsr] .loader-container {
    position: relative;
    height: 522px;
    width: 854px;
    margin: 0 auto;
}

    [b-oofy4j2gsr] .loader-container .k-loader-container {
        z-index: 10;
    }

[b-oofy4j2gsr] .badge.badge-gray {
    padding: 8px;
}

[b-oofy4j2gsr] .table-container-default {
    margin: 0px 0px 60px 0px;
    width: 100%;
    display: flex;
    flex: auto;
    /*overflow: auto;*/
    height: 100%;
}

[b-oofy4j2gsr] .table-container-submitted {
    width: 100%;
    display: flex;
    /*flex: auto;*/
    overflow: auto;
    height: 100%;
    margin: 0;
}

[b-oofy4j2gsr] h1#page-title {
    display: none;
}



[b-oofy4j2gsr] .td-form-disable {
    pointer-events: none; /*
    opacity: 0.3;
    filter: grayscale(.9);*/
}

    [b-oofy4j2gsr] .td-form-disable .preservationcheck .buttongroupborder {
        background: #ebebeb;
        border-color: #ebebeb;
    }

    [b-oofy4j2gsr] .td-form-disable .preservationcheck .k-icon-button.k-selected {
        background: #2635d4;
        border-color: #2635d4 !important;
    }

    [b-oofy4j2gsr] .td-form-disable .k-textarea.k-input.remarksText.k-input-solid.k-rounded-md {
        font-weight: 400 !important;
        border: 1px solid lightgray;
        background: #ebebeb;
        color: #212529 !important;
    }

[b-oofy4j2gsr] .k-textarea.k-input.remarksText.k-input-solid.k-rounded-md {
    font-weight: 400 !important;
    border: 1px solid lightgray;
    background: white;
    color: #212529 !important;

}

[b-oofy4j2gsr] .logo-mobile {
    display: none;
}


[b-oofy4j2gsr] .recent-update {
    font-size: 12px;
    font-weight: 400;
    color: gray;
}

    [b-oofy4j2gsr] .recent-update .completion-progress {
        width: 100%;
    }

[b-oofy4j2gsr] .completion-progress {
    width: 100%
}

[b-oofy4j2gsr] .preservation-form-title {
    /*line-height: 1.7em;*/
    margin: .25em 0;
}

[b-oofy4j2gsr] .submit-form-button {
    background: #4ba327;
    font-weight: 500;
    border: #4ba327;
}

/*.image-preview-div {
    overflow-x: hidden;
    overflow-y: hidden;
    width: 100%;
    white-space: nowrap;
}*/

[b-oofy4j2gsr] .card-horizontal-scroll {
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    margin: 0px 0px 16px 0px;
}


[b-oofy4j2gsr] .form-img-preview {
    border-radius: 5px;
    padding: 2px;
    border: 1px solid #dedede;
    /*margin-right: 4px;*/
    width: 50px;
    height: 50px;
    object-fit: cover;
}

[b-oofy4j2gsr] .thumbnail {
    width: 50px;
    height: 50px;
    border: none;
}

[b-oofy4j2gsr] .th-number {
    text-align: left;
    width: 5%;
}

[b-oofy4j2gsr] .checklist {
    text-align: left;
    width: 350px;
}

[b-oofy4j2gsr] .td-form-left {
    text-align: left;
}

[b-oofy4j2gsr] .td-form-center {
    text-align: center;
}

[b-oofy4j2gsr] .showlabel {
    display: none;
}

[b-oofy4j2gsr] .showlabel-check {
    display: none;
}

[b-oofy4j2gsr] .showlabel-remarks {
    display: none;
}

[b-oofy4j2gsr] .showCamera {
    display: none;
}

[b-oofy4j2gsr] .hideElement {
    display: none;
}

[b-oofy4j2gsr] .td-groupname {
    vertical-align: top;
}

[b-oofy4j2gsr] .td-tagdesc {
    width: 30%;
}

[b-oofy4j2gsr] .td-image-preview {
    text-align: left;
}

[b-oofy4j2gsr] .image-preview-div {
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    column-gap: 14px;
    white-space: nowrap;
    padding: 5px 0;
}

    [b-oofy4j2gsr] .image-preview-div .image-btn {
        display: flex;
        align-items: start;
        align-content: start;
        padding: 2px 2px;
    }

[b-oofy4j2gsr] .td-form-itemid {
    text-align: center;
}


[b-oofy4j2gsr] .form-details {
    column-gap: 20px;
}

[b-oofy4j2gsr] .top-details {
    z-index: 10;
    top: 55px;
}


[b-oofy4j2gsr] .form-header .logo {
    display: none;
}

[b-oofy4j2gsr] .disableUploadBtn {
    pointer-events: none;
    cursor: not-allowed;
    opacity: 0.3;
    filter: grayscale(0.9);
}

[b-oofy4j2gsr] .attachment-btn.disableUploadBtn > .img {
    pointer-events: none;
    cursor: not-allowed;
    opacity: 0.3;
    left: 0;
    display: none;
    filter: grayscale(0.9);
}


[b-oofy4j2gsr] .no-attachment-label {
    font-size: 12px;
    color: gray;
    font-style: italic;
}

[b-oofy4j2gsr] .custom-card-header {
    background: #e6ffe6;
    vertical-align: middle;
    padding: 8px;
}

    [b-oofy4j2gsr] .custom-card-header > .k-card-title {
        font-size: 12px;
    }

[b-oofy4j2gsr] .custom-card-body {
    padding: 8px;
}

[b-oofy4j2gsr] .card-tag-detail-title {
    font-size: 11px;
    color: #666;
    line-height: normal;
    letter-spacing: .2px;
    padding-top: 2px;
    font-weight: 400;
    text-align: left;
}

[b-oofy4j2gsr] .card-tag-detail {
    font-size: 11px;
    color: #666;
    letter-spacing: .1px;
    line-height: normal;
    font-weight: 400;
    text-align: left;
    padding-top: 2px;
}

[b-oofy4j2gsr] .card-img {
    padding-top: 2px;
    text-align: left;
    margin: 4px 0px 4px 0px;
}

[b-oofy4j2gsr] .k-card-title {
    font-size: 14px;
    font-weight: 500;
}

[b-oofy4j2gsr] .td-form-itemchecklist {
    display: none;
}

[b-oofy4j2gsr] table.preservationformtable {
    width: 100%;
    /*margin-bottom: 72px !important;*/
    table-layout: fixed;
}


[b-oofy4j2gsr] .td-form-remarks {
    width: 250px;
}

[b-oofy4j2gsr] .test {
    display: block;
}

[b-oofy4j2gsr] .td-form-check {
    width: 150px;
    text-align: center;
}
/*
::deep .k-button.badge-group-name.k-button-solid.k-rounded-md.k-button-rectangle.k-button-md.k-button-solid-secondary {
    display: none;
}*/

#page-content[b-oofy4j2gsr] {
    margin-bottom: 120px;
}

[b-oofy4j2gsr] .tag-cards {
    height: auto;
    width: calc(20% - 14px);
    max-width: 300px;
    min-width: 180px;
}

.tag-descsection[b-oofy4j2gsr] {
    padding-bottom: 10px;
}

[b-oofy4j2gsr] .hideTags {
    display: none;
}

[b-oofy4j2gsr] th {
    position: sticky;
    top: 0;
    z-index: 1000;
}

[b-oofy4j2gsr] .header-mobile {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    row-gap: 6px;
    align-items: center;
    justify-content: start;
}


[b-oofy4j2gsr] .preservationcheck {
    display: flex;
    justify-content: space-between;
    column-gap: 4px;
}

.image-carousel > img[b-oofy4j2gsr] {
    object-fit: contain;
    width: 100%;
    /*height: auto;*/
}

[b-oofy4j2gsr] .preservationcheck-header {
    display: flex;
    justify-content: space-between !important;
}

    [b-oofy4j2gsr] .preservationcheck-header > div {
        text-align: center;
    }

[b-oofy4j2gsr] .preservationcheck button.k-button.buttongroupborder {
    border-color: #3737d74f !important;
    border-radius: 5px;
}

[b-oofy4j2gsr] .preservationcheck button:not(.k-selected) .k-i-check::before {
    display: none;
}

[b-oofy4j2gsr] .preservationcheck .k-i-check::before {
    font-size: 19px;
}

[b-oofy4j2gsr] .preservationcheck .k-icon-button .k-icon {
    filter: none;
}

[b-oofy4j2gsr] .preservationcheck .k-icon-button:hover {
    background: #dfe0ff;
    border-color: #8084ff !important;
}

[b-oofy4j2gsr] .td-form-disable .preservationcheck .k-icon-button.k-selected {
    background: #2635d4;
    border-color: #2635d4 !important;
}

[b-oofy4j2gsr] .preservationcheck .k-icon-button.k-selected:hover {
    background: #2635d4;
    border-color: #2635d4 !important;
}

[b-oofy4j2gsr] .show-mobile-submitted-badge {
    display: none;
}

[b-oofy4j2gsr] .k-scrollview {
    margin: 0 auto;
}

[b-oofy4j2gsr] .k-icon-button.back-button {
    background: #d4d5f6;
    border-color: #d4d5f6;
}

    [b-oofy4j2gsr] .k-icon-button.back-button:hover {
        background: #bcbeff;
        border-color: #bcbeff;
    }

@media(max-width:1180px) {
    .form-details[b-oofy4j2gsr] {
        width: 100%;
        margin-top: 10px;
    }

    .preservation-form[b-oofy4j2gsr] {
        width: 100%;
    }

    [b-oofy4j2gsr] .badge-group-name {
        margin-left: auto
    }

    [b-oofy4j2gsr] .custom-card-header {
        padding: 4px;
    }

        [b-oofy4j2gsr] .custom-card-header > .k-card-title {
            font-size: 11px;
        }
}

@media (max-width:600px) {
    [b-oofy4j2gsr] .take-photo-btn .k-icon {
        transform: scale(1.3);
    }

    [b-oofy4j2gsr] .take-photo-btn .k-icon, [b-oofy4j2gsr] .delete-all-btn .k-icon {
        width: 22px;
        transform: scale(1.3);
    }

    .cs-form-container[b-oofy4j2gsr] {
        overflow: unset !important;
        padding: 0;
    }

    [b-oofy4j2gsr] .table-container-default {
        flex: unset !important;
        overflow: unset !important;
    }

    [b-oofy4j2gsr] .cs-flexauto {
        flex: 1 1 0;
    }

    .tag-descsection[b-oofy4j2gsr] {
        flex-direction: column;
        height: auto;
        margin: 10px 0;
        row-gap: 10px;
        max-width: 100%;
    }
    /*::deep .top-bar {
        display: none !important;
    }*/

    [b-oofy4j2gsr] .show-mobile-submitted-badge {
        display: flex;
    }

    [b-oofy4j2gsr] .td-form-check {
        width: 100%;
        text-align: center;
    }

    [b-oofy4j2gsr] custom-mobile-check {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }


    [b-oofy4j2gsr] .header-mobile {
        width: 100%;
        display: flex;
        row-gap: 6px;
        align-items: center;
        justify-content: start;
    }

        [b-oofy4j2gsr] .header-mobile img {
            filter: brightness(0) invert(1);
        }

    [b-oofy4j2gsr] .preservationcheck {
        display: flex;
        justify-content: center;
        column-gap: 64px;
    }

    [b-oofy4j2gsr] .badge-group-name {
        white-space: normal;
        text-align: left;
        column-gap: 8px;
        margin-left: 0
    }

    [b-oofy4j2gsr] .k-button.badge-group-name.k-button-solid.k-rounded-md.k-button-rectangle.k-button-md.k-button-solid-secondary {
        display: flex;
        /*position: fixed;*/
        z-index: 20;
        color: #424242;
        background: white;
    }

    /*::deep .checklist-mobile-tags {
        display: flex;
        width: 120%;*/
    /*background:white;*/
    /*left:0;
    }*/



    [b-oofy4j2gsr] .back-button {
        display: none !important;
    }

    [b-oofy4j2gsr] .group-details {
        background: white;
    }

    [b-oofy4j2gsr] .td-groupname {
        width: 100%;
        vertical-align: top;
    }


    [b-oofy4j2gsr] .group-details-table .preservationformtabletable, .preservationformtable thead[b-oofy4j2gsr], .preservationformtable tbody[b-oofy4j2gsr], .preservationformtable th[b-oofy4j2gsr], .preservationformtable td[b-oofy4j2gsr], .preservationformtable tr[b-oofy4j2gsr] {
        display: block;
    }

    td.td-form-action.hideElement[b-oofy4j2gsr] {
        display: none;
    }

    [b-oofy4j2gsr] thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    [b-oofy4j2gsr] .td-form-remarks {
        width: 100%;
    }

    [b-oofy4j2gsr] table.preservationformtable {
        width: calc(100% - 3rem);
        display: block;
        margin: 0 1.5rem;
    }

    [b-oofy4j2gsr] .preservationformtable > tr {
        border: 1px solid lightgray;
    }

    [b-oofy4j2gsr] div.td-form-itemid {
        font-size: 14px;
        background: #424242;
        color: white;
        text-align: center;
        height: 100%;
    }

    [b-oofy4j2gsr] .td-form-action {
        width: 8%;
        text-align: center;
    }

    [b-oofy4j2gsr] .td-form-itemchecklist {
        display: inline;
    }

    [b-oofy4j2gsr] .card-horizontal-scroll {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding: 0 1.5rem;
    }

    [b-oofy4j2gsr] td .td-form-remarks .td-form-action {
        /* Behave  like a "row" */
        border: 1px solid lightgray;
        /*border-bottom: 1px solid #eee;*/
        position: relative;
        padding-left: 50%;
    }

    [b-oofy4j2gsr] .image-preview-div {
        width: 100%;
        text-align: left;
        padding: 12px;
        column-gap: 14px;
    }

    [b-oofy4j2gsr] .showlabel-check {
        display: flex;
        justify-content: center;
        column-gap: 64px;
        align-items: center;
        align-content: center;
        font-weight: 500;
    }

    [b-oofy4j2gsr] span.showlabel-check label {
        width: 30px;
    }

    [b-oofy4j2gsr] .showlabel-remarks {
        display: flex;
        justify-content: center;
        column-gap: 74px;
        align-items: center;
        align-content: center;
        font-weight: 500;
    }

    [b-oofy4j2gsr] .showlabel {
        display: inline-block;
    }


    [b-oofy4j2gsr] .showCamera {
        display: inline-block;
    }

    [b-oofy4j2gsr] .hideElement {
        display: none;
    }

    [b-oofy4j2gsr] .hideTags {
        display: none;
    }


    [b-oofy4j2gsr] td.checklist {
        text-align: left;
        width: 100%;
        display: none;
    }

    div.checklist-mobile-tags[b-oofy4j2gsr] {
        position: fixed;
        z-index: 20;
        padding: 0px 20px;
        right: 0;
        top: 80px;
        margin-bottom: 24px;
        background: White;
        align-items: center;
        box-shadow: 1px 1px 5px lightgrey;
    }

    [b-oofy4j2gsr] .form-header {
        background: #1825aa;
        color: white;
        z-index: 10;
        padding: 20px 16px 8px 16px;
        width: 100%;
        display: flex;
        column-gap: 8px;
    }


    [b-oofy4j2gsr] .preservation-form-title {
        font-size: 16px;
        line-height: 1px;
    }

    [b-oofy4j2gsr] .form-header > .logo {
        height: 24px;
        max-height: 24px;
        width: 30px;
        max-width: 30px;
        filter: brightness(0) invert(1);
        display: flex;
        align-items: center;
        z-index: 12;
    }

    [b-oofy4j2gsr] .form-header > div > div > img {
        display: none;
    }

    [b-oofy4j2gsr] .form-details > div {
        /* margin-top: 70px;*/
        /*   display: none;*/
    }

    [b-oofy4j2gsr] .form-details {
        display: flex;
        margin: 5px 1.5rem;
    }

    [b-oofy4j2gsr] .recent-update {
        display: flex;
        flex-direction: row !important;
        column-gap: 10px;
    }
    /* ::deep .recent-update > span {
        display: none;
    }*/
    [b-oofy4j2gsr] .completion-progress {
        width: 100%;
    }

    [b-oofy4j2gsr] .submit-window .attachment-window {
        width: 350px;
    }

    [b-oofy4j2gsr] .cs-table {
        width: 100%;
    }

    [b-oofy4j2gsr] .inline {
        display: inline-flex;
    }

    [b-oofy4j2gsr] td div.checklist-item {
        column-gap: 10px;
        font-size: 14px;
        background: #424242;
        color: white;
        padding: 8px 12px 8px 12px;
        height: 100%;
        width: 100%;
        align-items: center;
        justify-content: center;
    }

    [b-oofy4j2gsr] .table-container {
        background: white;
    }

    [b-oofy4j2gsr] .td-image-preview {
        width: 100%;
        text-align: center;
    }

    [b-oofy4j2gsr] table.preservationformtable tr td {
        padding: 0;
    }


    [b-oofy4j2gsr] td.td-form-check > div {
        padding: 12px 0px 16px 0px;
        text-align: center;
        width: 100%;
        /*display: block;*/
    }

    [b-oofy4j2gsr] td.td-form-remarks > div {
        padding: 12px;
    }

    [b-oofy4j2gsr] .selected-group > span {
        margin-top: 20px
    }

    [b-oofy4j2gsr] .top-details {
        flex: auto;
        /*overflow: auto;*/
        width: 100%; /*
        margin: 62px 0px 4px 0px;
        position: fixed;*/
        z-index: 15;
        /*background: #fff;
        top: 8px;
        right: 0;
        padding: 16px;
        overflow: auto;*/
    }

    [b-oofy4j2gsr] .tag-cards {
        width: 100%;
        max-width: 100%;
    }

    [b-oofy4j2gsr] .td-form-disable {
        pointer-events: none;
        /*opacity: 0.9;*/
        /*filter: grayscale(.9);*/
    }

        [b-oofy4j2gsr] .td-form-disable .preservationcheck .buttongroupborder {
            background: #ebebeb;
            border-color: #ebebeb;
        }

        [b-oofy4j2gsr] .td-form-disable .preservationcheck .k-icon-button.k-selected {
            background: #2635d4;
            border-color: #2635d4 !important;
        }

        [b-oofy4j2gsr] .td-form-disable .k-textarea.k-input.remarksText.k-input-solid.k-rounded-md {
            font-weight: 400 !important;
            border: 1px solid lightgray;
            background: #ebebeb;
            color: #212529 !important;

        }
    

    [b-oofy4j2gsr] .k-textarea.k-input.remarksText.k-input-solid.k-rounded-md {
        font-weight: 400 !important;
        border: 1px solid lightgray;
        background: white;
        color: #212529 !important;
    }

    [b-oofy4j2gsr] .disableUploadBtn {
        pointer-events: none;
        opacity: 0.3;
        filter: grayscale(0.9);
    }

    [b-oofy4j2gsr] .camera-btn {
        display: block;
    }

    [b-oofy4j2gsr] .take-photo-btn {
        width: 40px;
        border-radius: 3px;
        height: 40px;
        line-height: 24px;
        cursor: pointer;
    }




    [b-oofy4j2gsr] .imagecarousel-window {
        width: 100% !important;
        height: 100% !important;
    }

    [b-oofy4j2gsr] .img-carousel-content {
        width: 100% !important;
        height: 100% !important;
    }
    /*
    ::deep .delete-img-btn {
        display: none;
    }*/
    [b-oofy4j2gsr] .attachment-btn {
        width: 40px;
        border-radius: 3px;
        height: 40px;
        line-height: 24px;
        cursor: pointer;
    }

        [b-oofy4j2gsr] .attachment-btn > img {
            left: 12px;
            transform: scale(1.2);
        }

    [b-oofy4j2gsr] .thumbnail {
        width: 50px;
        height: 50px;
    }

    [b-oofy4j2gsr] .form-img-preview {
        width: 50px;
        height: 50px;
    }

    [b-oofy4j2gsr] .delete-all-btn {
        top: 0;
        background: #eb1818;
        border: 1px solid #eb1818;
        width: 40px;
        border-radius: 3px;
        height: 40px;
    }

    [b-oofy4j2gsr] .cs-progresscontainer {
        flex: 1 1 auto;
    }

    [b-oofy4j2gsr] .recent-update .completion-progress {
        width: 100%;
    }

    [b-oofy4j2gsr] .completion-progress {
        width: 100%
    }

    [b-oofy4j2gsr] .preservation-form-title {
        /*line-height: 1.7em;*/
        margin: .25em 0;
    }
    .cs-table2 tr[b-oofy4j2gsr], .cs-table2 td[b-oofy4j2gsr], .cs-table2 col[b-oofy4j2gsr] {
        display: block;
        width: 100% !important;
    }

    .td-form-disable[b-oofy4j2gsr] {
        width: 100%;
    }

    .cs-table2[b-oofy4j2gsr] {
        display: block;
        width: 100%;
    }


    td div.checklist-item[b-oofy4j2gsr] {
        /* text-align: center; */
    }

    .cs-table2 tr td[b-oofy4j2gsr] {
        border: none;
        width: 100%;
    }

    tr.red-checklist-row td:first-child[b-oofy4j2gsr] {
        padding: 0;
    }
    [b-oofy4j2gsr] .k-icon-button {
        min-width: 34px;
        min-height: 34px;
    }
}
/* /Components/MOC/MOCFormComponent.razor.rz.scp.css */
.ph2b-form[b-py1fgnnldq] {
    margin: 0 auto;
    max-width: 100%;
    background: transparent;
}

.ibox-title[b-py1fgnnldq] {
    text-align: center;
}

.ibox-content[b-py1fgnnldq] {
    margin: 0 auto;
}

.ph2b-form .form-group[b-py1fgnnldq] {
    width: 100%;
    max-width: calc(50% - 8px);
}

.cs-table td[b-py1fgnnldq] {
    border: none;
}

[b-py1fgnnldq] .k-textbox:disabled, [b-py1fgnnldq] .k-dropdown.k-state-disabled .k-dropdown-wrap,
[b-py1fgnnldq] .k-datepicker.k-state-disabled .k-dateinput .k-dateinput-wrap, [b-py1fgnnldq] .k-datepicker.k-state-disabled .k-select {
    background: #ddd;
    color: #000;
    font-weight: bold;
}

[b-py1fgnnldq] .k-dropdown .k-dropdown-wrap, [b-py1fgnnldq] .k-textbox, [b-py1fgnnldq] .k-textarea > .k-input, [b-py1fgnnldq] .k-datepicker .k-picker-wrap {
    border-color: rgb(203 203 203);
}

    [b-py1fgnnldq] .k-textbox.k-grid-search {
        border-color: #c9c9c9;
    }

[b-py1fgnnldq] span.badge.badge-False {
    background: #ec3d3d;
    color: #fff;
}

[b-py1fgnnldq] span.badge.badge-True {
    background: #2a9c2f;
    color: #Fff;
}

[b-py1fgnnldq] span.badge2 {
    text-align: center;
    font-size: large;
}

[b-py1fgnnldq] .cs-back {
    left: 25px;
    top: 33px;
}

[b-py1fgnnldq] button.bg-clarification.k-button {
    border: none;
    filter: none;
    padding: 5px 14px;
    height: 32px;
}

span.cs-btn[b-py1fgnnldq] {
    position: absolute;
    top: 0;
    background: #3276d5;
    color: #fff;
    width: 90px;
    border-radius: 3px;
    height: 100%;
    line-height: 24px;
    text-align: center;
    font-size: 12px;
    cursor: pointer;
    z-index: 1;
    pointer-events: none;
}

.attachment-line[b-py1fgnnldq] {
    width: 500px;
    border-bottom: 1px solid #eee;
    padding: 10px 0;
}

    .attachment-line:last-child[b-py1fgnnldq] {
        border-bottom: none;
    }

[b-py1fgnnldq] .cs-attachment-textarea {
    width: 100%;
    height: 40px;
}

[b-py1fgnnldq] button.k-btn-error {
    background: #c10000;
    color: #fff;
    border-color: #c10000;
}

    [b-py1fgnnldq] button.k-btn-error .k-icon {
        filter: brightness(0) invert(1);
    }


.form-approval-section-status-inprogress[b-py1fgnnldq], .form-approval-section[b-py1fgnnldq] {
    margin-bottom: 25px;
    background: #fff;
    padding: 16px;
    border-left: 10px solid #f8b977;
}

.form-section.form-approval-section:last-child[b-py1fgnnldq] {
    margin-bottom: 0;
}

.form-approval-section-status-approved[b-py1fgnnldq] {
    margin-bottom: 25px;
    background: #fff;
    padding: 16px;
    border-left: 8px solid #84ca87;
}

.form-approval-section-status-rejected[b-py1fgnnldq] {
    margin-bottom: 25px;
    background: #fff;
    padding: 16px;
    border-left: 8px solid #fe9696;
}

.form-section.form-section-division[b-py1fgnnldq] {
    margin: 8px;
    padding: 8px;
    background: #fff;
}

[b-py1fgnnldq] form {
    height: 100%;
    overflow: auto;
    display: flex;
    flex-direction: column;
}

.section-approval[b-py1fgnnldq] {
    width: 30%;
}

.mandatory-field[b-py1fgnnldq] {
    color: red;
}

.approval-bullets[b-py1fgnnldq] {
    position: absolute;
    left: -18px;
    top: -5px;
    content: " ";
    border: 8px solid rgba(255, 255, 255, 1);
    border-radius: 500%;
    background: #50d890;
    height: 20px;
    width: 20px;
    transition: all 500ms ease-in-out;
}


[b-py1fgnnldq] button.resend-cs.k-button {
    background: #efffdc;
    color: #333;
    border-color: #aed581;
}

    [b-py1fgnnldq] button.resend-cs.k-button .k-icon {
        filter: brightness(0.5) opacity(0.8);
        zoom: 0.8;
    }

    [b-py1fgnnldq] button.resend-cs.k-button:hover {
        background: #5dad00;
        color: #Fff;
    }

        [b-py1fgnnldq] button.resend-cs.k-button:hover .k-icon {
            filter: brightness(0) invert(1);
        }

/*.cs-table.approval-table th {
    padding: 0;
}*/

[b-py1fgnnldq].ph2b-form td, [b-py1fgnnldq].ph2b-form th {
    text-transform: uppercase;
}

[b-py1fgnnldq] .k-textarea.k-input {
    height: auto;
}

[b-py1fgnnldq] .k-button:disabled, [b-py1fgnnldq] .k-button.k-disabled {
    background: #ddd;
    border-color: #ddd;
    color: #333;
}

    [b-py1fgnnldq] .k-button:disabled .k-icon, [b-py1fgnnldq] .k-button.k-disabled .k-icon {
        filter: brightness(0.5) opacity(0.5);
    }

[b-py1fgnnldq] .k-textarea.k-input textarea {
    height: auto;
    min-height: 60px;
}

.ph2b-form .form-group.max-width-100[b-py1fgnnldq] {
    max-width: 100%;
}

label[b-py1fgnnldq] {
    display: block;
    padding-left: 15px;
    text-indent: -15px;
}

input[b-py1fgnnldq] {
    width: 15px;
    height: 15px;
    padding: 0;
    margin: 0;
    vertical-align: bottom;
    position: relative;
    top: -1px;
}

[b-py1fgnnldq].editForm > form {
    height: 100%;
    overflow: auto;
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    border-radius: 5px;
    padding: 20px;
    background: #fff;
}

.moc-num[b-py1fgnnldq] {
    background: #6cc04a;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    text-align: center;
    line-height: 23px;
    font-weight: bold;
    color: #fff;
    font-size: 11px;
    min-width: 23px
}

.moc-item[b-py1fgnnldq] {
    border-bottom: 1px solid #d9d9d9;
    padding: 25px;
}

    .moc-item:last-child[b-py1fgnnldq] {
        border-bottom: 0;
    }

[b-py1fgnnldq] button.no-pointer {
    cursor: text !important;
}

.form-section[b-py1fgnnldq] {
    border-left: 6px solid #6d757d70;
}

.cs-tabledetail[b-py1fgnnldq] {
    background: #fff;
    border-radius: 5px;
}

    .cs-tabledetail td[b-py1fgnnldq], .cs-tabledetail th[b-py1fgnnldq] {
        border-color: #abb0e9;
        padding: 2px 5px !important;
    }

    .cs-tabledetail th[b-py1fgnnldq] {
        background: #e3e4ef;
    }

.bg-grey[b-py1fgnnldq] {
    background: #f4f4f4;
}
/* /Components/MrbPages/CompletionComponent.razor.rz.scp.css */
.cs-table td[b-f4h6kn5jjy], table.cs-table th[b-f4h6kn5jjy] {
    padding: 5px;
    border: 1px solid rgba(0,0,0,0.08);
}

table.cs-table[b-f4h6kn5jjy] {
    width: max-content;
    max-width: 100%;
}

    table.cs-table th[b-f4h6kn5jjy] {
        background: #f6f7ff;
    }

table.cs-table2 thead th[b-f4h6kn5jjy] {
    position: sticky;
    top: 0;
    z-index: 2;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05); /* Optional shadow for visual clarity */
}

[b-f4h6kn5jjy] .preservationcheck button.k-button.buttongroupborder {
    border-color: #3737d74f !important;
    border-radius: 5px;
}

[b-f4h6kn5jjy] .preservationcheck {
    display: flex;
    justify-content: center;
    column-gap: 64px;
}

    [b-f4h6kn5jjy] .preservationcheck .k-icon-button.k-selected {
        background: #2635d4;
        border-color: #2635d4 !important;
    }

        [b-f4h6kn5jjy] .preservationcheck .k-icon-button.k-selected:hover {
            background: #2635d4;
            border-color: #2635d4 !important;
        }

    [b-f4h6kn5jjy] .preservationcheck button:not(.k-selected) .k-i-check::before {
        display: none;
    }

    [b-f4h6kn5jjy] .preservationcheck .k-icon-button:hover {
        background: #dfe0ff;
        border-color: #8084ff !important;
    }

[b-f4h6kn5jjy] .td-form-disable {
    pointer-events: none;
    /*opacity: 0.9;*/
    /*filter: grayscale(.9);*/
}

    [b-f4h6kn5jjy] .td-form-disable .preservationcheck .buttongroupborder {
        background: #ebebeb;
        border-color: #ebebeb;
    }

    [b-f4h6kn5jjy] .td-form-disable .preservationcheck .k-icon-button.k-selected {
        background: #2635d4;
        border-color: #2635d4 !important;
    }

    [b-f4h6kn5jjy] .td-form-disable .k-textarea.k-input.remarksText.k-input-solid.k-rounded-md {
        font-weight: 400 !important;
        border: 1px solid lightgray;
        background: #ebebeb;
        color: #212529 !important;
    }

    /*::deep .td-form-disable .sections {
        font-weight: 400 !important;
        border: 1px solid lightgray;
        background: #ebebeb;
        color: #212529 !important;
    }*/

[b-f4h6kn5jjy] .upload-disable {
    pointer-events: none;
}

.completion-image[b-f4h6kn5jjy]{
    width: 30px;
    height: 30px;
    margin-left: 5px;
}

[b-f4h6kn5jjy] .submit-form-button {
    background: #4ba327;
    font-weight: 500;
    border: #4ba327;
}

[b-f4h6kn5jjy] .upload-button {
    width: 190px !important;
}

[b-f4h6kn5jjy] .signoff-textarea {
    height: 30px !important;
    border: 1.5px solid black;
    font-weight: 700;
}

.logo-img-esso[b-f4h6kn5jjy] {
    max-width: 120px;
    height: 80px;
}

.logo-img-decom[b-f4h6kn5jjy] {
    max-width: 120px;
    height: 80px;
}

.completion-certificate-title[b-f4h6kn5jjy] {
    text-align: center;
    height: 70px;
    margin-top: 5px;
}

.facility-textarea[b-f4h6kn5jjy] {
    height: 70px !important;
}

.section-textarea[b-f4h6kn5jjy] {
    height: 44px !important;
}

[b-f4h6kn5jjy] .preservationcheck-header {
    display: flex;
    justify-content: space-evenly !important;
    font-weight: bold;
}

[b-f4h6kn5jjy] .sub-header {
    display: flex;
    justify-content: space-around !important;
    font-weight: bold;
}

    [b-f4h6kn5jjy] .preservationcheck-header > div {
        text-align: center;
    }

[b-f4h6kn5jjy] .preservationcheck {
    display: flex;
    justify-content: space-evenly !important;
    column-gap: 4px;
    padding: 0 5px 0 5px;
}

[b-f4h6kn5jjy] .td-form-disable .k-textbox.k-input.signoff {
    font-weight: 400 !important;
    border: 1px solid lightgray;
    background: #F1F1F1;
    color: #212529 !important;
}

[b-f4h6kn5jjy] .td-form-disable .k-datepicker.k-input.signoff {
    font-weight: 400 !important;
    border: 1px solid lightgray;
    background: #F1F1F1;
    color: #212529 !important;
}

[b-f4h6kn5jjy] .sections {
    margin-left: 5px;
    font-size: small;
    font-weight: bold
}

.can-upload-false[b-f4h6kn5jjy] {
    height: 40px;
    width: 70px;
}

[b-f4h6kn5jjy] .take-photo-btn {
    top: 0;
    background: #45b816;
    border: 1px solid #45b816;
    width: 30px;
    border-radius: 3px;
    height: 30px;
    cursor: pointer;
    z-index: 1;
    color: #fff;
    text-align: center;
    border-radius: 50%;
}

[b-f4h6kn5jjy] .take-photo-btn-wth-img {
    top: 0;
    background: #f6b26b;
    border: 1px solid #f6b26b;
    width: 30px;
    border-radius: 3px;
    height: 30px;
    cursor: pointer;
    z-index: 1;
    color: #fff;
    text-align: center;
    border-radius: 50%;
}

[b-f4h6kn5jjy] .generate-alert .k-popup {
    border: none;
    background-color: #FFFFFF;
}

[b-f4h6kn5jjy] .styled-container {
    width: 300px;
    height: 5px;
    margin-top: 2px;
}

.k-textarea.k-input.remarksText.mrbCommentTextArea[b-f4h6kn5jjy] {
    min-height: 50px;
    /*min-width: 400px;*/
}

.register-section-telerik-table[b-f4h6kn5jjy] {
    height: 65% !important;
}


    
/* /Components/MrbPages/Section1CompletionComponent.razor.rz.scp.css */
.cs-table td[b-9lkcuzbx7a], table.cs-table th[b-9lkcuzbx7a] {
    padding: 5px;
    border: 1px solid rgba(0,0,0,0.08);
}

table.cs-table[b-9lkcuzbx7a] {
    width: max-content;
    max-width: 100%;
}

    table.cs-table th[b-9lkcuzbx7a] {
        background: #f6f7ff;
    }

table.cs-table2 thead th[b-9lkcuzbx7a] {
    position: sticky;
    top: 0;
    z-index: 2;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05); /* Optional shadow for visual clarity */
}

[b-9lkcuzbx7a] .preservationcheck button.k-button.buttongroupborder {
    border-color: #3737d74f !important;
    border-radius: 5px;
}

[b-9lkcuzbx7a] .preservationcheck {
    display: flex;
    justify-content: center;
    column-gap: 64px;
}

    [b-9lkcuzbx7a] .preservationcheck .k-icon-button.k-selected {
        background: #2635d4;
        border-color: #2635d4 !important;
    }

        [b-9lkcuzbx7a] .preservationcheck .k-icon-button.k-selected:hover {
            background: #2635d4;
            border-color: #2635d4 !important;
        }

    [b-9lkcuzbx7a] .preservationcheck button:not(.k-selected) .k-i-check::before {
        display: none;
    }

    [b-9lkcuzbx7a] .preservationcheck .k-icon-button:hover {
        background: #dfe0ff;
        border-color: #8084ff !important;
    }

[b-9lkcuzbx7a] .td-form-disable {
    pointer-events: none;
    /*opacity: 0.9;*/
    /*filter: grayscale(.9);*/
}

    [b-9lkcuzbx7a] .td-form-disable .preservationcheck .buttongroupborder {
        background: #ebebeb;
        border-color: #ebebeb;
    }

    [b-9lkcuzbx7a] .td-form-disable .preservationcheck .k-icon-button.k-selected {
        background: #2635d4;
        border-color: #2635d4 !important;
    }

    [b-9lkcuzbx7a] .td-form-disable .k-textarea.k-input.remarksText.k-input-solid.k-rounded-md {
        font-weight: 400 !important;
        border: 1px solid lightgray;
        background: #ebebeb;
        color: #212529 !important;
    }

/*::deep .td-form-disable .sections {
        font-weight: 400 !important;
        border: 1px solid lightgray;
        background: #ebebeb;
        color: #212529 !important;
    }*/

[b-9lkcuzbx7a] .upload-disable {
    pointer-events: none;
}

.completion-image[b-9lkcuzbx7a] {
    width: 30px;
    height: 30px;
    margin-left: 5px;
}

[b-9lkcuzbx7a] .submit-form-button {
    background: #4ba327;
    font-weight: 500;
    border: #4ba327;
}

[b-9lkcuzbx7a] .upload-button {
    width: 190px !important;
}

[b-9lkcuzbx7a] .signoff-textarea {
    height: 30px !important;
    border: 1.5px solid black;
    font-weight: 700;
}

.logo-img-esso[b-9lkcuzbx7a] {
    max-width: 120px;
    height: 80px;
}

.logo-img-decom[b-9lkcuzbx7a] {
    max-width: 120px;
    height: 80px;
}

.completion-certificate-title[b-9lkcuzbx7a] {
    text-align: center;
    height: 70px;
    margin-top: 5px;
}

.facility-textarea[b-9lkcuzbx7a] {
    height: 70px !important;
}

.section-textarea[b-9lkcuzbx7a] {
    height: 44px !important;
}

[b-9lkcuzbx7a] .preservationcheck-header {
    display: flex;
    justify-content: space-evenly !important;
    font-weight: bold;
}

[b-9lkcuzbx7a] .sub-header {
    display: flex;
    justify-content: space-around !important;
    font-weight: bold;
}

[b-9lkcuzbx7a] .preservationcheck-header > div {
    text-align: center;
}

[b-9lkcuzbx7a] .preservationcheck {
    display: flex;
    justify-content: space-evenly !important;
    column-gap: 4px;
    padding: 0 5px 0 5px;
}

[b-9lkcuzbx7a] .td-form-disable .k-textbox.k-input.signoff {
    font-weight: 400 !important;
    border: 1px solid lightgray;
    background: #F1F1F1;
    color: #212529 !important;
}

[b-9lkcuzbx7a] .td-form-disable .k-datepicker.k-input.signoff {
    font-weight: 400 !important;
    border: 1px solid lightgray;
    background: #F1F1F1;
    color: #212529 !important;
}

[b-9lkcuzbx7a] .sections {
    margin-left: 5px;
    font-size: small;
    font-weight: bold
}

.can-upload-false[b-9lkcuzbx7a] {
    height: 40px;
    width: 70px;
}

[b-9lkcuzbx7a] .take-photo-btn {
    top: 0;
    background: #45b816;
    border: 1px solid #45b816;
    width: 30px;
    border-radius: 3px;
    height: 30px;
    cursor: pointer;
    z-index: 1;
    color: #fff;
    text-align: center;
    border-radius: 50%;
}

[b-9lkcuzbx7a] .take-photo-btn-wth-img {
    top: 0;
    background: #f6b26b;
    border: 1px solid #f6b26b;
    width: 30px;
    border-radius: 3px;
    height: 30px;
    cursor: pointer;
    z-index: 1;
    color: #fff;
    text-align: center;
    border-radius: 50%;
}

[b-9lkcuzbx7a] .generate-alert .k-popup {
    border: none;
    background-color: #FFFFFF;
}

[b-9lkcuzbx7a] .styled-container {
    width: 300px;
    height: 5px;
    margin-top: 2px;
}

.k-textarea.k-input.remarksText.mrbCommentTextArea[b-9lkcuzbx7a] {
    min-height: 50px;
    /*min-width: 400px;*/
}

.register-section-telerik-table[b-9lkcuzbx7a] {
    height: 65% !important;
}
/* /Components/MrbPages/Section4CompletionComponent.razor.rz.scp.css */
.cs-table td[b-3p4tf5wdk7], table.cs-table th[b-3p4tf5wdk7] {
    padding: 5px;
    border: 1px solid rgba(0,0,0,0.08);
}

table.cs-table[b-3p4tf5wdk7] {
    width: max-content;
    max-width: 100%;
}

    table.cs-table th[b-3p4tf5wdk7] {
        background: #f6f7ff;
    }

table.cs-table2 thead th[b-3p4tf5wdk7] {
    position: sticky;
    top: 0;
    z-index: 2;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05); /* Optional shadow for visual clarity */
}

[b-3p4tf5wdk7] .preservationcheck button.k-button.buttongroupborder {
    border-color: #3737d74f !important;
    border-radius: 5px;
}

[b-3p4tf5wdk7] .preservationcheck {
    display: flex;
    justify-content: center;
    column-gap: 64px;
}

    [b-3p4tf5wdk7] .preservationcheck .k-icon-button.k-selected {
        background: #2635d4;
        border-color: #2635d4 !important;
    }

        [b-3p4tf5wdk7] .preservationcheck .k-icon-button.k-selected:hover {
            background: #2635d4;
            border-color: #2635d4 !important;
        }

    [b-3p4tf5wdk7] .preservationcheck button:not(.k-selected) .k-i-check::before {
        display: none;
    }

    [b-3p4tf5wdk7] .preservationcheck .k-icon-button:hover {
        background: #dfe0ff;
        border-color: #8084ff !important;
    }

[b-3p4tf5wdk7] .td-form-disable {
    pointer-events: none;
    /*opacity: 0.9;*/
    /*filter: grayscale(.9);*/
}

    [b-3p4tf5wdk7] .td-form-disable .preservationcheck .buttongroupborder {
        background: #ebebeb;
        border-color: #ebebeb;
    }

    [b-3p4tf5wdk7] .td-form-disable .preservationcheck .k-icon-button.k-selected {
        background: #2635d4;
        border-color: #2635d4 !important;
    }

    [b-3p4tf5wdk7] .td-form-disable .k-textarea.k-input.remarksText.k-input-solid.k-rounded-md {
        font-weight: 400 !important;
        border: 1px solid lightgray;
        background: #ebebeb;
        color: #212529 !important;
    }

/*::deep .td-form-disable .sections {
        font-weight: 400 !important;
        border: 1px solid lightgray;
        background: #ebebeb;
        color: #212529 !important;
    }*/

[b-3p4tf5wdk7] .upload-disable {
    pointer-events: none;
}

.completion-image[b-3p4tf5wdk7] {
    width: 30px;
    height: 30px;
    margin-left: 5px;
}

[b-3p4tf5wdk7] .submit-form-button {
    background: #4ba327;
    font-weight: 500;
    border: #4ba327;
}

[b-3p4tf5wdk7] .upload-button {
    width: 190px !important;
}

[b-3p4tf5wdk7] .signoff-textarea {
    height: 30px !important;
    border: 1.5px solid black;
    font-weight: 700;
}

.logo-img-esso[b-3p4tf5wdk7] {
    max-width: 120px;
    height: 80px;
}

.logo-img-decom[b-3p4tf5wdk7] {
    max-width: 120px;
    height: 80px;
}

.completion-certificate-title[b-3p4tf5wdk7] {
    text-align: center;
    height: 70px;
    margin-top: 5px;
}

.facility-textarea[b-3p4tf5wdk7] {
    height: 70px !important;
}

.section-textarea[b-3p4tf5wdk7] {
    height: 44px !important;
}

[b-3p4tf5wdk7] .preservationcheck-header {
    display: flex;
    justify-content: space-evenly !important;
    font-weight: bold;
}

[b-3p4tf5wdk7] .sub-header {
    display: flex;
    justify-content: space-around !important;
    font-weight: bold;
}

[b-3p4tf5wdk7] .preservationcheck-header > div {
    text-align: center;
}

[b-3p4tf5wdk7] .preservationcheck {
    display: flex;
    justify-content: space-evenly !important;
    column-gap: 4px;
    padding: 0 5px 0 5px;
}

[b-3p4tf5wdk7] .td-form-disable .k-textbox.k-input.signoff {
    font-weight: 400 !important;
    border: 1px solid lightgray;
    background: #F1F1F1;
    color: #212529 !important;
}

[b-3p4tf5wdk7] .td-form-disable .k-datepicker.k-input.signoff {
    font-weight: 400 !important;
    border: 1px solid lightgray;
    background: #F1F1F1;
    color: #212529 !important;
}

[b-3p4tf5wdk7] .sections {
    margin-left: 5px;
    font-size: small;
    font-weight: bold
}

.can-upload-false[b-3p4tf5wdk7] {
    height: 40px;
    width: 70px;
}

[b-3p4tf5wdk7] .take-photo-btn {
    top: 0;
    background: #45b816;
    border: 1px solid #45b816;
    width: 30px;
    border-radius: 3px;
    height: 30px;
    cursor: pointer;
    z-index: 1;
    color: #fff;
    text-align: center;
    border-radius: 50%;
}

[b-3p4tf5wdk7] .take-photo-btn-wth-img {
    top: 0;
    background: #f6b26b;
    border: 1px solid #f6b26b;
    width: 30px;
    border-radius: 3px;
    height: 30px;
    cursor: pointer;
    z-index: 1;
    color: #fff;
    text-align: center;
    border-radius: 50%;
}

[b-3p4tf5wdk7] .generate-alert .k-popup {
    border: none;
    background-color: #FFFFFF;
}

[b-3p4tf5wdk7] .styled-container {
    width: 300px;
    height: 5px;
    margin-top: 2px;
}

.k-textarea.k-input.remarksText.mrbCommentTextArea[b-3p4tf5wdk7] {
    min-height: 50px;
    /*min-width: 400px;*/
}

.register-section-telerik-table[b-3p4tf5wdk7] {
    height: 65% !important;
}
/* /Components/PdfForms/TechnicalQueryForm.razor.rz.scp.css */
.container[b-akbl4sp3f3] {
    width: 98%;
    height: fit-content;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.index-table[b-akbl4sp3f3] {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 0px 90px;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 1px solid #e4dada;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); /* even shadow all around */
}

.logo-header[b-akbl4sp3f3] {
    width: 100%;
    height: 40px;
    padding: 0px 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    border: none;
}

.sub-header[b-akbl4sp3f3] {
    width: 100%;
    height: 80px;
    padding: 0px 20px;
    display: block;
}

.header-title[b-akbl4sp3f3] {
    color: #06497e;
    width: 244px;
    font-size: x-large;
    font-weight: bold;
}

.sub-header-title[b-akbl4sp3f3] {
    color: #0bcbff;
    width: 100px;
    font-size: 25px;
    margin-top: -12px;
}

.logo-header-table[b-akbl4sp3f3] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    height: 40px;
}

.logo-ugl[b-akbl4sp3f3] {
    width: 30%;
    text-align: left;
}

.logo-img-ugl[b-akbl4sp3f3] {
    max-width: 175px;
    height: 50px;
}

.form-table[b-akbl4sp3f3] {
    width: 95.5%;
    border-collapse: collapse;
    margin: 0px 20px;
}

    .form-table td[b-akbl4sp3f3], .form-table th[b-akbl4sp3f3] {
        border: 1px solid #000;
        padding: 8px;
        vertical-align: top;
    }

    .form-table .header[b-akbl4sp3f3] {
        background-color: #2e3b4e;
        color: white;
        font-weight: bold;
    }

    .form-table .header-sub[b-akbl4sp3f3] {
        /*background-color: #2e3b4e;*/
        color: black;
        font-weight: bold;
    }

.highlight[b-akbl4sp3f3] {
    font-weight: bold;
    color: black;
    background: #ff0;
}

.checkbox-group label[b-akbl4sp3f3] {
    margin-right: 15px;
}

.big-cell[b-akbl4sp3f3] {
    height: 100px;
}
/* /Components/WorkPackTabs/WorkpackJobcardCompletionTab.razor.rz.scp.css */
.completion-edit-btn[b-6ibwxi646b] {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
    position: absolute; /* Optional: if you want to position it precisely */
    top: 0;
    right: 0;
}

.completion-container:hover .completion-edit-btn[b-6ibwxi646b] {
    opacity: 1;
    visibility: visible;
}
/* /Pages/AllocationManager/WorkPackItemPage.razor.rz.scp.css */
.cs-table td[b-6mu69fnjsb], table.cs-table th[b-6mu69fnjsb] {
    padding: 5px;
    border: 1px solid rgba(0,0,0,0.08);
}

table.cs-table[b-6mu69fnjsb] {
    width: max-content;
    max-width: 100%;
}

table.cs-table th[b-6mu69fnjsb] {
    background: #f6f7ff;
}


[b-6mu69fnjsb] .k-grid-header {
    padding-right: 0;
}
.jobcard-attachment[b-6mu69fnjsb] {
    background: #1C50D5;
    border: none;
    color: white;
    cursor: pointer;
    border-radius: 4px;
    justify-items: center;
    margin-top: 5px;
    padding: 0 5px;
    width: fit-content;
    transition: background 0.3s;
}

    .jobcard-attachment:hover[b-6mu69fnjsb] {
        background: #4A8EDD;
        border: none;
    }

.tooltip-target[b-6mu69fnjsb] {
    display: inline-block;
    cursor: pointer;
    user-select: none;
}
/* /Pages/ChangePassword.razor.rz.scp.css */
h4[b-vjnu6j1u5m] {
    color: #fff;
    font-weight: bold;
    font-size: 14px;
}

p[b-vjnu6j1u5m] {
    color: #fff;
}

    p a[b-vjnu6j1u5m] {
        color: #fff;
        text-decoration: underline;
    }

.card[b-vjnu6j1u5m] {
    width: 400px;
}

    .card button[b-vjnu6j1u5m] {
        width: 100%;
        margin-top: 10px;
        margin-bottom: 10px;
        font-weight: bold;
        letter-spacing: 0.5px;
    }

img.imglogo[b-vjnu6j1u5m] {
    width: 140px;
}

.btn-primary[b-vjnu6j1u5m], [b-vjnu6j1u5m] .form-control {
    height: 36px;
}

[b-vjnu6j1u5m] ul.validation-errors {
    display: none;
}

[b-vjnu6j1u5m] .alert-danger {
    background: red;
    border: none;
    padding: 1px 5px;
}

    [b-vjnu6j1u5m] .alert-danger p {
        margin: 0;
        padding: 0;
        color: #fff;
        font-weight: bold;
    }

.btn-Microsoft[b-vjnu6j1u5m] {
    background: url(../images/microsoft.png) #fff;
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 25%;
    height: auto;
    padding: 8px;
    margin: 0;
    width: 100%;
    border: 1px solid #0070ba;
    margin-top: 10px;
    color: #0070ba;
    font-weight: bold;
}

    .btn-Microsoft:hover[b-vjnu6j1u5m] {
        background-color: #0070ba;
        color: #fff;
    }
/* /Pages/CMAHandOverPackPage.razor.rz.scp.css */
.index-table[b-gtnlcsroi9] {
    width: 100%;
    margin-top: 0;
    padding: 0px 90px;
    padding-top: 20px;
}

/* Logo Header Section */
.logo-header[b-gtnlcsroi9] {
    width: 100%;
    height: 110px;
    padding: 0px 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 2px solid black;
}

.logo-header-table[b-gtnlcsroi9] {
    display: table;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 40px;
}

.logo-stegra[b-gtnlcsroi9], .logo-header-center[b-gtnlcsroi9], .logo-ice[b-gtnlcsroi9] {
    padding: 10px;
    display: table-cell;
    justify-content: center;
    align-items: center;
}

.logo-header-center[b-gtnlcsroi9] {
    width: 31%;
}

.logo-esso[b-gtnlcsroi9] {
    width: 30%;
    text-align: left;
}

.logo-ice[b-gtnlcsroi9] {
    width: 30%;
    text-align: right;
    height: 40px;
}

.logo-img-esso[b-gtnlcsroi9] {
    max-width: 120px;
    height: 110px;
}

.logo-img-ice[b-gtnlcsroi9] {
    max-width: 145px;
    height: 47px;
}

#data-table table[b-gtnlcsroi9], th[b-gtnlcsroi9], td[b-gtnlcsroi9] {
    border: 1px solid white;
    border-collapse: collapse;
}

.description:hover[b-gtnlcsroi9] {
    cursor: pointer;
    text-decoration: underline;
    color: #0000EE;
}

.text-align[b-gtnlcsroi9] {
    text-align: center;
}
/* /Pages/Completions.razor.rz.scp.css */
[b-ltqy8of0qo] .cs-milestone-point-new.cs-complete .cs-diamond-new::after {
    background: #37b400;
    border-color: #37b400;
}

[b-ltqy8of0qo] .cs-milestone-point-new.cs-complete .count {
    color: #fff;
}

.cs-milestone-new[b-ltqy8of0qo] {
    display: flex;
    justify-content: start;
    padding: 25px;
    width: 100%;
}

cs-diamond-new[b-ltqy8of0qo] {
    width: 130px;
    height: 130px;
    margin-left: 80px;
    z-index: 1;
    position: relative;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 10px;
}

.cs-milestone-point-new[b-ltqy8of0qo] {
    position: inherit;
}

.cs-activityname-new[b-ltqy8of0qo] {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    text-align: center;
    transform: rotate(-45deg);
}

.cs-milestone-new .cs-milestone-point-new .cs-diamond-new[b-ltqy8of0qo] {
    background: #fff;
    width: 130px;
    height: 130px;
    display: flex;
    align-items: center;
    padding: 0 20px;
    justify-content: center;
    flex-direction: column;
}

.cs-milestone-new .cs-milestone-point-new.cs-complete-new .cs-diamond-new[b-ltqy8of0qo] {
    background: #37b400;
}

.count[b-ltqy8of0qo] {
    display: block;
    text-align: center;
    color: #333;
    font-weight: bold;
    z-index: 2;
    position: relative;
}

.cs-diamond-new[b-ltqy8of0qo]:after {
    position: absolute;
    content: "";
    height: 130px;
    width: 130px;
    top: 0;
    left: 0;
    border: 1px solid black;
    transform: rotate(45deg);
    background: #fff;
    z-index: 1;
}

.cs-diamond-new > *[b-ltqy8of0qo] {
    font-size: 11px;
}



.cs-milestone-new[b-ltqy8of0qo] {
    padding: 40px 0 29px 90px;
}

.cs-diamond-new[b-ltqy8of0qo]:before {
    content: "";
    background: black;
    height: 2px;
    display: block;
    top: 64px;
    width: 100%;
    position: absolute;
    z-index: 0;
}

.cs-milestone-point-new[b-ltqy8of0qo] {
    position: relative;
    min-width: 200px;
}

.cs-milestone-new .cs-milestone-point-new:first-child .cs-diamond-new[b-ltqy8of0qo]:before {
    left: 0px;
}

.cs-milestone-new .cs-milestone-point-new:last-child .cs-diamond-new[b-ltqy8of0qo]:before {
    margin-right: 70px;
}

.cs-square-point-container[b-ltqy8of0qo] {
    display: flex;
    justify-content: start;
    width: 100%;
    align-items: baseline;
    padding: 0px 0 29px 90px;
}

.cs-square-point[b-ltqy8of0qo] {
    width: 200px;
    position: relative;
}

    .cs-square-point[b-ltqy8of0qo]:before {
        position: absolute;
        height: 100%;
        content: "";
        background: #000;
        width: 2px;
        left: 64px;
    }

.cs-square[b-ltqy8of0qo], .cs-square-2[b-ltqy8of0qo] {
    width: 130px;
    border: 1px solid #111;
    height: 75px;
    padding: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 60px;
    z-index: 1;
    background: #fff;
    position: relative;
}

.cs-arrow[b-ltqy8of0qo]:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 51px solid transparent;
    border-bottom: 53px solid transparent;
    border-left: 24px solid #eeeeee;
    top: 0;
    position: absolute;
    right: -24px;
}

.arrow-right[b-ltqy8of0qo] {
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid black;
    position: absolute;
    right: 26px;
    top: 57px;
}

.arrow-up[b-ltqy8of0qo] {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid black;
    position: absolute;
    top: -62px;
    left: 56px;
}

.cs-milestone-point-new:last-child .arrow-right[b-ltqy8of0qo] {
    display: none;
}

.cs-arrow-completion[b-ltqy8of0qo] {
    display: flex;
    align-items: center;
    justify-content: start;
    margin-bottom: 20px;
    width: calc(100% - 20px);
    column-gap: 30px;
    padding: 25px 50px 25px 25px;
    margin-left: 20px;
}

.cs-arrow-container[b-ltqy8of0qo] {
    width: 250px;
    position: relative;
}

.cs-arrow[b-ltqy8of0qo] {
    background: #eee;
    text-align: center;
    padding: 14px 40px;
    font-weight: bold;
    font-size: 12px;
    animation-range: 82px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 85px;
    padding-left: 35px;
    padding-right: 10px;
    width: 160px;
}

    .cs-arrow[b-ltqy8of0qo]:after {
        content: "";
        width: 0;
        height: 0;
        border-top: 43px solid transparent;
        border-bottom: 43px solid transparent;
        border-left: 28px solid #eeeeee;
        top: 0;
        position: absolute;
        right: -28px;
    }


    .cs-arrow[b-ltqy8of0qo]:before {
        content: "";
        width: 0;
        height: 0;
        border-top: 43px solid transparent;
        border-bottom: 43px solid transparent;
        border-left: 28px solid #ffffff;
        top: 0;
        position: absolute;
        left: 0;
    }

.cs-arrow-container.cs-complete .cs-arrow[b-ltqy8of0qo] {
    background: #4eb300;
    color: #fff;
}

    .cs-arrow-container.cs-complete .cs-arrow[b-ltqy8of0qo]::after {
        border-left-color: #4eb300;
    }
/* /Pages/Dashboard.razor.rz.scp.css */
table[b-gwfferovpp] {
    font-size: 12px;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    overflow: hidden;
    border-collapse: collapse;
    position: relative;
    overflow: auto;
    height: 100%;
    table-layout: fixed;
}

th[b-gwfferovpp], td[b-gwfferovpp] {
    padding: 10px;
    /*white-space: nowrap;*/
    text-overflow: ellipsis;
    overflow: hidden;
}

th[b-gwfferovpp] {
    border-bottom: 1px solid #efefef;
    background: #fff;
    height: 30px;
}

    th.fix[b-gwfferovpp] {
        position: sticky;
        top: -8px;
        z-index: 1;
    }

.month[b-gwfferovpp] {
    display: block;
    overflow: hidden;
    position: relative;
    padding-bottom: 5px;
    flex: 1 1 0;
    margin-top: -5px
}

.title[b-gwfferovpp] {
    float: left;
    width: 110px;
    padding: 0 18px 0 0;
    text-align: right;
    font-weight: bold;
    display: flex;
    align-items: center;
    margin-bottom: 10px
}

    .title > *[b-gwfferovpp] {
        flex: 1 1 0;
    }

    .title.title-prev[b-gwfferovpp] {
        color: #949494;
    }

.forecastdate[b-gwfferovpp] {
    /*color: #ffa31b;*/
    padding-right: 8px;
}

.timeline[b-gwfferovpp] {
    font-size: 12px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 276px;
    max-width: 100%;
    margin: 0 auto;
    padding: 2em 0;
}

.line[b-gwfferovpp] {
    position: absolute;
    left: 138px;
    height: 100%;
}

.description[b-gwfferovpp] {
    float: right;
    width: calc(100% - 150px);
    padding: 0 10px 10px 10px;
}

.line[b-gwfferovpp]:before {
    width: 10px;
    height: 10px;
    content: '';
    background: #6cd0ff;
    border-radius: 0px;
    position: absolute;
    top: 3px;
    z-index: 1;
    transform: rotate(45deg);
    border: 1px solid #365289;
}
.line.line-peach[b-gwfferovpp]:before {
    background: #f8bb58;
}
.line[b-gwfferovpp]::after {
    width: 2px;
    left: 4px;
    height: 100px;
    position: absolute;
    content: '';
    background: #fff;
    z-index: 0;
    border: 1px solid #365289;
}
.line.line-brown[b-gwfferovpp]:before {
    background: #ac6800;
}
.last-child.line-remove .line[b-gwfferovpp]:before {
    border: 1px dashed #365289;
    background: #3baca8;
}

.line.line-broken[b-gwfferovpp]:after {
    border: 1px dashed #365289;
}
.month:last-child .line[b-gwfferovpp]:after, .last-child:last-child .line[b-gwfferovpp]:after {
    display: none;
}

.line.line-Completed[b-gwfferovpp]:before {
    background: #ffc107;
}
.line-container[b-gwfferovpp] {
    margin-bottom: 40px;
}


.status-img img[b-gwfferovpp] {
    filter: brightness(0) invert(1);
    width: 25px;
}

.status-img.status-blue[b-gwfferovpp] {
    background: #98dee7;
}

.status-img.status-orange[b-gwfferovpp] {
    background: #ffd967;
}

.status-img[b-gwfferovpp] {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #ddd;
}

.status-title[b-gwfferovpp] {
    font-weight: bold;
    margin-top: 10px;
    font-size: 12px;
    margin-bottom: 10px;
}

.status-percent[b-gwfferovpp] {
    font-size: 1.3rem;
    font-weight: bold;
    color: #333;
}

.status-current[b-gwfferovpp], .status-goal[b-gwfferovpp] {
    text-align: right;
    font-size: 11px;
}

.status-current[b-gwfferovpp] {
    color: #428bfe;
    font-weight: bold;
}

.status-goal[b-gwfferovpp] {
    color: #093c85;
}

.status[b-gwfferovpp] {
    padding: 10px;
}

.gcentertext[b-gwfferovpp] {
    color: #333;
    font-size: 1.3rem;
    font-weight: bold;
    line-height: 1;
}

.gcentertextlabel[b-gwfferovpp] {
    font-size: 12px;
    color: #333;
}

.pline[b-gwfferovpp] {
    display: flex;
    align-items: center;
    column-gap: 3px;
    font-size: 11px;
    flex-wrap: wrap;
}

[b-gwfferovpp] .pline .k-progressbar {
    flex: 1;
    width: 50%;
}

.plinedisc[b-gwfferovpp] {
    width: 6px;
    height: 6px;
    line-height: 1;
    background: #ddd;
    border-radius: 50%;
    align-self: center;
    margin-top: 1px;
}

.plinetitle[b-gwfferovpp] {
    line-height: 1;
    width: 30%;
    min-width: 75px;
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pheader[b-gwfferovpp] {
    font-size: 12px;
    font-weight: bold;
    margin: 10px 0;
    color: #000;
}

[b-gwfferovpp] .send-dashboard img.k-image {
    zoom: 0.8;
    filter: brightness(0) invert(1);
}

.perimg[b-gwfferovpp] {
    width: 40px;
    background: #eee;
    align-items: center;
    justify-content: center;
    display: flex;
    height: 40px;
    border-radius: 50%;
}


[b-gwfferovpp] .pcolor .k-state-selected {
    border-color: #54db59;
    background: #54db59;
}

[b-gwfferovpp] .pcolor {
    background: #e1fce2;
}

    [b-gwfferovpp] .pcolor.pcolor-amber .k-state-selected {
        border-color: #ff9800;
        background: #ff9800;
    }

    [b-gwfferovpp] .pcolor.pcolor-amber {
        background: #fff1c9;
    }

    [b-gwfferovpp] .pcolor.pcolor-red .k-state-selected {
        border-color: #ff3d00;
        background: #ff3d00;
    }

    [b-gwfferovpp] .pcolor.pcolor-red {
        background: #ffe7e5;
    }

.plegendline[b-gwfferovpp] {
    width: 30px;
    height: 3px;
    background: #54db59;
    border-radius: 5px;
}

    .plegendline.pcolor-amber[b-gwfferovpp] {
        background: #ff9800;
    }

    .plegendline.pcolor-red[b-gwfferovpp] {
        background: #ff3d00;
    }

.perdesig[b-gwfferovpp] {
    font-weight: bold;
    color: #333;
}

    .perdesig[b-gwfferovpp]:before {
        width: 5px;
        height: 5px;
        background: #fbc78c;
        display: inline-block;
        content: '';
        border-radius: 50%;
        vertical-align: middle;
        margin-right: 4px;
    }

.pername[b-gwfferovpp] {
    margin-left: 10px;
}

.fip[b-gwfferovpp] {
    background: #d83c30;
    color: #fff;
    border-radius: 14px;
    padding: 5px 10px;
    font-weight: bold;
    line-height: 1;
    margin-right: 1em;
}

.circle[b-gwfferovpp] {
    width: 7vw;
    height: 7vw;
    border-radius: 50%;
    background: #ddd;
    margin: 0 auto;
}

.drawerlabel[b-gwfferovpp] {
    color: #204680;
    font-weight: bold;
}

.drawerinput[b-gwfferovpp], [b-gwfferovpp] .drawertextarea {
    font-size: 12px !important;
    color: #333 !important;
}

[b-gwfferovpp] .drawertextarea {
    font-size: 12px;
    height: 200px;
}

.keystatus[b-gwfferovpp]:before {
    content: '';
    width: 6px;
    height: 6px;
    background: #000;
    display: inline-block;
    border-radius: 50%;
    margin-right: 5px;
}

.keystatus:empty[b-gwfferovpp] {
    display: none;
}

@media(max-width:1200px) {
    .circle[b-gwfferovpp] {
        width: 9vw;
        height: 9vw;
    }
}

.saved[b-gwfferovpp] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #00000094;
    z-index: 10000;
    align-items: center;
    row-gap: 15px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    border: 1px solid #eee;
    border-radius: 5px;
}

.save-inner[b-gwfferovpp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    row-gap: 10px;
    background: #fff;
    width: 400px;
    height: 200px;
    border-radius: 5px;
}

.saved img.checked[b-gwfferovpp] {
    filter: invert(39%) sepia(100%) saturate(552%) hue-rotate(170deg) brightness(105%) contrast(102%);
    width: 50px;
}

[b-gwfferovpp] .save-close {
    position: absolute;
    right: 5px;
    top: 5px
}

    [b-gwfferovpp] .save-close:hover span.k-icon.k-i-close {
        filter: none;
    }

.btn_saveChallenges[b-gwfferovpp] {
    display: block;
    width: 100%;
    border: none;
    border-radius: 5px;
    color: white;
    background-color: #0b4394;
    padding: 8px 15px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    text-align: center;
}

    .btn_saveChallenges:hover[b-gwfferovpp] {
        color: white;
        background-color: #1657b5;
    }

@media(max-width:768px) {
    .details-line[b-gwfferovpp] {
        flex-direction: column;
        align-items: start !important;
    }

        .details-line > *[b-gwfferovpp] {
            margin-left: 0 !important;
        }

    .buttons-line[b-gwfferovpp] {
        flex-direction: column;
        align-items: flex-start !important;
        justify-content: start !important;
        width: 100%;
        row-gap: 5px;
        margin-top: 5px;
    }

    .progress-flex[b-gwfferovpp] {
        flex-direction: column;
    }

    .no-overflow-sp[b-gwfferovpp] {
        overflow: unset !important;
    }
}
/* /Pages/DtrForm.razor.rz.scp.css */

/*::deep .camera-btn {
    display: none;
}*/
.cs-form-container[b-lhxa96d72h] {
    padding: 1.5rem;
}
[b-lhxa96d72h] .upload-btn {
    z-index: 2;
    cursor: pointer;
    color: #3276d5;
    left: -8px;
    position: relative;
    text-align: right;
    opacity: 0;
    z-index: 2;
}

/*::deep .upload-cam {
    cursor: pointer;
    z-index: 0;
    filter: brightness(0) invert(1);
    color: #3276d5;
    align-items: center;
    text-align: center;
}*/

[b-lhxa96d72h] .attachment-btn {
    top: 0;
    background: #004fc6;
    border: 1px solid #004fc6;
    width: 30px;
    border-radius: 3px;
    height: 30px;
    line-height: 24px;
    cursor: pointer;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
    overflow: hidden;
}

    [b-lhxa96d72h] .attachment-btn > img {
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        text-align: center;
        vertical-align: middle;
        z-index: 0;
        left: 6px;
        position: relative;
        filter: brightness(0) invert(1);
    }

    [b-lhxa96d72h] .attachment-btn:hover {
        background-color: #0077d6;
        border: 1px solid #0077d6;
    }

[b-lhxa96d72h] .delete-all-btn {
    top: 0;
    background: #eb1818;
    border: 1px solid #eb1818;
    width: 30px;
    border-radius: 3px;
    height: 30px;
    line-height: 24px;
    cursor: pointer;
    z-index: 1;
    color: #fff;
    text-align: center;
    border-radius: 50%;
}
[b-lhxa96d72h] .take-photo-btn {
    top: 0;
    background: #45b816;
    border: 1px solid #45b816;
    width: 30px;
    border-radius: 3px;
    height: 30px;
    cursor: pointer;
    z-index: 1;
    color: #fff;
    text-align: center;
    border-radius: 50%;
}
[b-lhxa96d72h] .take-photo-btn .k-icon, [b-lhxa96d72h] .delete-all-btn .k-icon {
    filter: brightness(0) invert(1);
}
[b-lhxa96d72h] .take-photo-btn img, [b-lhxa96d72h] .delete-all-btn img {
    filter: brightness(0) invert(1);
    width: 18px;
    min-width: unset !important;
    min-height: unset !important;
}

[b-lhxa96d72h] .take-photo-btn:hover {
    background: #33ce1a;
    border-color: #33ce1a;
}

[b-lhxa96d72h] .delete-all-btn:hover {
    background-color: #ff2424;
    border: 1px solid #ff2424;
}

[b-lhxa96d72h] .img-wrap-attachment {
    width:40px;
    margin-right:2px;
}
[b-lhxa96d72h] .delete-img-btn {
    /*border-radius: 50px;*/
    padding: 2px;
    border-radius: 50px;
    background: #eb1818;
    border: 1px solid #eb1818;
    width: 20px;
    height: 20px;
    position: relative;
    z-index: 1;
    right: 17px;
    top: -14.5px;
}

[b-lhxa96d72h] .delete-img-btn > span.k-icon.k-i-trash.k-button-icon {
    filter: brightness(1) invert(1);
    zoom: 0.75;
}

    [b-lhxa96d72h] .delete-img-btn:hover {
        background-color: #f32a26;
        border: 1px solid #f32a26;
    }


[b-lhxa96d72h] h1#page-title {
    display: none;
} 

[b-lhxa96d72h] .loader-container {
    position: relative;
    height: 522px;
    width: 854px;
    margin: 0 auto;
}

    [b-lhxa96d72h] .loader-container .k-loader-container {
        z-index: 10;
    }

[b-lhxa96d72h] .badge.badge-gray {
    padding: 8px;
}

[b-lhxa96d72h] .table-container-default {
    margin: 0px 0px 60px 0px;
    width: 100%;
    display: flex;
    flex: auto;
    /*overflow: auto;*/
    height: 100%;
}

[b-lhxa96d72h] .table-container-submitted {
    width: 100%;
    display: flex;
    /*flex: auto;*/
    overflow: auto;
    height: 100%;
    margin: 0;
}

[b-lhxa96d72h] h1#page-title {
    display: none;
}



[b-lhxa96d72h] .td-form-disable {
    pointer-events: none;/*
    opacity: 0.3;
    filter: grayscale(.9);*/
}

    [b-lhxa96d72h] .td-form-disable .preservationcheck .buttongroupborder {
        background: #ebebeb;
        border-color: #ebebeb;
    }

    [b-lhxa96d72h] .td-form-disable .preservationcheck .k-icon-button.k-selected {
        background: #2635d4;
        border-color: #2635d4 !important;
    }

    [b-lhxa96d72h] .td-form-disable .k-textarea.k-input.remarksText.k-input-solid.k-rounded-md {
        font-weight: 400 !important;
        border: 1px solid lightgray;
        background: #ebebeb;
        color: #212529 !important;
    }

[b-lhxa96d72h] .k-textarea.k-input.remarksText.k-input-solid.k-rounded-md {
    font-weight: 400 !important;
    border: 1px solid lightgray;
    background: white;
    color: #212529 !important;
}

[b-lhxa96d72h] .logo-mobile {
    display: none;
}


[b-lhxa96d72h] .recent-update {
    font-size: 12px;
    font-weight: 400;
    color: gray;
}
[b-lhxa96d72h] .recent-update .completion-progress {
    width: 100%;
}
[b-lhxa96d72h] .completion-progress{
    width:100%
}
[b-lhxa96d72h] .preservation-form-title {
    /*line-height: 1.7em;*/
    margin: .25em 0;
}

[b-lhxa96d72h] .submit-form-button {
    background: #4ba327;
    font-weight: 500;
    border: #4ba327;
}

/*.image-preview-div {
    overflow-x: hidden;
    overflow-y: hidden;
    width: 100%;
    white-space: nowrap;
}*/

[b-lhxa96d72h] .card-horizontal-scroll {
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    margin: 0px 0px 16px 0px;

}


[b-lhxa96d72h] .form-img-preview {
    border-radius: 5px;
    padding: 2px;
    border: 1px solid #dedede;
    /*margin-right: 4px;*/
    width: 50px;
    height: 50px;
    object-fit: cover;
}

[b-lhxa96d72h] .thumbnail {
    width: 50px;
    height: 50px;
    border: none;
}

[b-lhxa96d72h] .th-number {
    text-align: left;
    width: 5%;
}

[b-lhxa96d72h] .checklist {
    text-align: left;
    width: 350px;
}

[b-lhxa96d72h] .td-form-left {
    text-align: left;
}

[b-lhxa96d72h] .td-form-center {
    text-align: center;
}

[b-lhxa96d72h] .showlabel {
    display: none;
}

[b-lhxa96d72h] .showlabel-check {
    display: none;
}

[b-lhxa96d72h] .showlabel-remarks {
    display: none;
}

[b-lhxa96d72h] .showCamera {
    display: none;
}

[b-lhxa96d72h] .hideElement {
    display: none;
}

[b-lhxa96d72h] .td-groupname {
    vertical-align: top;
}

[b-lhxa96d72h] .td-tagdesc {
    width: 30%;
}

[b-lhxa96d72h] .td-image-preview {
    text-align: left;
}
[b-lhxa96d72h] .image-preview-div {
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    column-gap: 14px;
    white-space: nowrap;
    padding: 5px 0;
}

    [b-lhxa96d72h] .image-preview-div .image-btn {
        display: flex;
        align-items: start;
        align-content:start;
        padding: 2px 2px;
    }

    [b-lhxa96d72h] .td-form-itemid {
        text-align: center;
    }


[b-lhxa96d72h] .form-details {
    column-gap: 20px;
}

[b-lhxa96d72h] .top-details {
    z-index: 10;
    top: 55px;
}


[b-lhxa96d72h] .form-header .logo {
    display: none;
}

[b-lhxa96d72h] .disableUploadBtn {
    pointer-events: none;
    cursor: not-allowed;
    opacity: 0.3;
    filter: grayscale(0.9);
}

    [b-lhxa96d72h] .attachment-btn.disableUploadBtn > .img {
        pointer-events: none;
        cursor: not-allowed;
        opacity: 0.3;
        left: 0;
        display: none;
        filter: grayscale(0.9);
    }


[b-lhxa96d72h] .no-attachment-label {
    font-size: 12px;
    color: gray;
    font-style: italic;
}

[b-lhxa96d72h] .custom-card-header {
    background: #e6ffe6;
    vertical-align: middle;
    padding:8px;
}

    [b-lhxa96d72h] .custom-card-header > .k-card-title {
        font-size: 12px;
    }

[b-lhxa96d72h] .custom-card-body {
    padding: 8px;
}

[b-lhxa96d72h] .card-tag-detail-title {
    font-size: 11px;
    color: #666;
    line-height: normal;
    letter-spacing: .2px;
    padding-top: 2px;
    font-weight: 400;
    text-align: left;
}

[b-lhxa96d72h] .card-tag-detail {
    font-size: 11px;
    color: #666;
    letter-spacing: .1px;
    line-height: normal;
    font-weight: 400;
    text-align: left;
    padding-top: 2px;
}

[b-lhxa96d72h] .card-img {
    padding-top: 2px;
    text-align: left;
    margin: 4px 0px 4px 0px;
}

[b-lhxa96d72h] .k-card-title {
    font-size: 14px;
    font-weight: 500;
}

[b-lhxa96d72h] .td-form-itemchecklist {
    display: none;
}

[b-lhxa96d72h] table.preservationformtable {
    width: 100%;
    /*margin-bottom: 72px !important;*/
    table-layout: fixed;
}


[b-lhxa96d72h] .td-form-remarks {
    width: 250px;
}
[b-lhxa96d72h] .test {
    display: block;
}

[b-lhxa96d72h] .td-form-check{
    width: 150px;
    text-align:center;
}
/*
::deep .k-button.badge-group-name.k-button-solid.k-rounded-md.k-button-rectangle.k-button-md.k-button-solid-secondary {
    display: none;
}*/

#page-content[b-lhxa96d72h] {
    margin-bottom: 120px;
}

[b-lhxa96d72h] .tag-cards {
    height: auto;
    width: calc(20% - 14px);
    max-width: 300px;
    min-width: 180px;
}
.tag-descsection[b-lhxa96d72h] {
    padding-bottom: 10px;
}
[b-lhxa96d72h] .hideTags {
    display: none;
}

[b-lhxa96d72h] th {
    position: sticky;
    top: 0;
    z-index: 1000;
}

[b-lhxa96d72h] .header-mobile {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    row-gap: 6px;
    align-items: center;
    justify-content: start;
}


[b-lhxa96d72h] .preservationcheck {
    display: flex;
    justify-content: space-between;
    column-gap: 4px;
}

.image-carousel > img[b-lhxa96d72h] {
    object-fit: contain;
    width: 100%;
    /*height: auto;*/
}

[b-lhxa96d72h] .preservationcheck-header {
    display: flex;
    justify-content: space-between !important;
}

    [b-lhxa96d72h] .preservationcheck-header > div {
        text-align: center;
    }

[b-lhxa96d72h] .preservationcheck button.k-button.buttongroupborder {
    border-color: #3737d74f !important;
}

[b-lhxa96d72h] .preservationcheck button:not(.k-selected) .k-i-check::before {
    display: none;
}

[b-lhxa96d72h] .preservationcheck .k-i-check::before {
    font-size: 19px;
}

[b-lhxa96d72h] .preservationcheck .k-icon-button .k-icon {
    filter: none;
}

[b-lhxa96d72h] .preservationcheck .k-icon-button:hover {
    background: #dfe0ff;
    border-color: #8084ff !important;
}

[b-lhxa96d72h] .td-form-disable .preservationcheck .k-icon-button.k-selected {
    background: #2635d4;
    border-color: #2635d4 !important;
}

[b-lhxa96d72h] .preservationcheck .k-icon-button.k-selected:hover {
    background: #2635d4;
    border-color: #2635d4 !important;
}

[b-lhxa96d72h] .show-mobile-submitted-badge {
    display: none;
}

[b-lhxa96d72h] .k-scrollview {
    margin: 0 auto;
}
[b-lhxa96d72h] .k-icon-button.back-button {
    background: #d4d5f6;
    border-color: #d4d5f6;
}
    [b-lhxa96d72h] .k-icon-button.back-button:hover {
        background: #bcbeff;
        border-color: #bcbeff;
    }

@media(max-width:1180px) {
    .form-details[b-lhxa96d72h] {
        width: 100%;
        margin-top: 10px;
    }

    .preservation-form[b-lhxa96d72h] {
        width: 100%;
    }

    [b-lhxa96d72h] .badge-group-name {
        margin-left: auto
    }

    [b-lhxa96d72h] .custom-card-header {
        padding: 4px;
    }

        [b-lhxa96d72h] .custom-card-header > .k-card-title {
            font-size: 11px;
        }
}
@media (max-width:600px) {
    [b-lhxa96d72h] .take-photo-btn .k-icon {
        transform: scale(1.3);
    }
    [b-lhxa96d72h] .take-photo-btn .k-icon, [b-lhxa96d72h] .delete-all-btn .k-icon {
        width: 22px;
        transform: scale(1.3);
    }
    .cs-form-container[b-lhxa96d72h]{
        overflow: unset !important;
        padding:0;
    }
    [b-lhxa96d72h] .table-container-default {
        flex: unset !important;
        overflow: unset !important;
    }
    [b-lhxa96d72h] .cs-flexauto{
        flex: 1 1 0;
    }
    .tag-descsection[b-lhxa96d72h] {
        flex-direction: column;
        height: auto;
        margin: 10px 0;
        row-gap: 10px;
        max-width: 100%;
    }
    /*::deep .top-bar {
        display: none !important;
    }*/

    [b-lhxa96d72h] .show-mobile-submitted-badge {
        display:flex;
        
    }

    [b-lhxa96d72h] .td-form-check {
        width: 100%;
        text-align: center;
    }

    [b-lhxa96d72h] custom-mobile-check {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }


    [b-lhxa96d72h] .header-mobile {
        width: 100%;
        display: flex;
        row-gap: 6px;
        align-items: center;
        justify-content: start;
    }
    [b-lhxa96d72h] .header-mobile img {
        filter: brightness(0) invert(1);
    }

    [b-lhxa96d72h] .preservationcheck {
        display: flex;
        justify-content: center;
        column-gap: 64px;
    }

    [b-lhxa96d72h] .badge-group-name {
        white-space: normal;
        text-align: left;
        column-gap: 8px;
        margin-left:0
    }
    [b-lhxa96d72h] .k-button.badge-group-name.k-button-solid.k-rounded-md.k-button-rectangle.k-button-md.k-button-solid-secondary {
        display: flex;
        /*position: fixed;*/
        z-index: 20;
        color: #424242;
        background: white;

    }

    /*::deep .checklist-mobile-tags {
        display: flex;
        width: 120%;*/
        /*background:white;*/
        /*left:0;
    }*/

    

    [b-lhxa96d72h] .back-button {
        display: none !important;
    }

    [b-lhxa96d72h] .group-details {
        background: white;
    }

    [b-lhxa96d72h] .td-groupname {
        width: 100%;
        vertical-align: top;
    }


    [b-lhxa96d72h] .group-details-table .preservationformtabletable, .preservationformtable thead[b-lhxa96d72h], .preservationformtable tbody[b-lhxa96d72h], .preservationformtable th[b-lhxa96d72h], .preservationformtable td[b-lhxa96d72h], .preservationformtable tr[b-lhxa96d72h] {
        display: block;
    }

    td.td-form-action.hideElement[b-lhxa96d72h] {
        display: none;
    }

    [b-lhxa96d72h] thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    [b-lhxa96d72h] .td-form-remarks {
        width: 100%;
    }

    [b-lhxa96d72h] table.preservationformtable {
        width: calc(100% - 3rem);
        display: block;
        margin: 0 1.5rem;
    }
        [b-lhxa96d72h] .preservationformtable > tr {
        border: 1px solid lightgray;
    }

    [b-lhxa96d72h] div.td-form-itemid {
        font-size: 14px;
        background: #424242;
        color: white;
        text-align: center;
        height: 100%;
    }

    [b-lhxa96d72h] .td-form-action {
        width: 8%;
        text-align: center;
    }

    [b-lhxa96d72h] .td-form-itemchecklist {
        display: inline;
    }

    [b-lhxa96d72h] .card-horizontal-scroll {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding: 0 1.5rem;
    }

    [b-lhxa96d72h] td .td-form-remarks .td-form-action {
        /* Behave  like a "row" */
        border: 1px solid lightgray;
        /*border-bottom: 1px solid #eee;*/
        position: relative;
        padding-left: 50%;
    }

    [b-lhxa96d72h] .image-preview-div {
        width: 100%;
        text-align: left;
        padding: 12px;
        column-gap: 14px;
    }

    [b-lhxa96d72h] .showlabel-check {
        display: flex;
        justify-content: center;
        column-gap: 64px;
        align-items: center;
        align-content: center;
        font-weight: 500;
    }
    [b-lhxa96d72h] span.showlabel-check label {
        width: 30px;
    }

    [b-lhxa96d72h] .showlabel-remarks {
        display: flex;
        justify-content: center;
        column-gap: 74px;
        align-items: center;
        align-content: center;
        font-weight: 500;
    }

    [b-lhxa96d72h] .showlabel {
        display: inline-block;
    }


    [b-lhxa96d72h] .showCamera {
        display: inline-block;
    }

    [b-lhxa96d72h] .hideElement {
        display: none;
    }

    [b-lhxa96d72h] .hideTags {
        display: none;
    }


    [b-lhxa96d72h] td.checklist {
        text-align: left;
        width: 100%;
        display: none;
    }

    div.checklist-mobile-tags[b-lhxa96d72h] {
        position: fixed;
        z-index: 20;
        padding: 0px 20px;
        right: 0;
        top: 80px;
        margin-bottom: 24px;
        background: White;
        align-items: center;
        box-shadow: 1px 1px 5px lightgrey;
    }

    [b-lhxa96d72h] .form-header {
        background: #1825aa;
        color: white;
        z-index: 10;
        padding: 20px 16px 8px 16px;
        width: 100%;
        display: flex;
        column-gap: 8px;
    }


    [b-lhxa96d72h] .preservation-form-title {
        font-size: 16px;
        line-height: 1px;
    }

    [b-lhxa96d72h] .form-header > .logo {
        height: 24px;
        max-height: 24px;
        width: 30px;
        max-width: 30px;
        filter: brightness(0) invert(1);
        display: flex;
        align-items: center;
        z-index: 12;
    }

    [b-lhxa96d72h] .form-header > div > div > img {
        display: none;
    }

    [b-lhxa96d72h] .form-details > div {
       /* margin-top: 70px;*/
     /*   display: none;*/
    }
    [b-lhxa96d72h] .form-details {
        display: flex;
        margin: 5px 1.5rem;
    }
    [b-lhxa96d72h] .recent-update {
        display: flex;
        flex-direction: row !important;
        column-gap: 10px;
    }
   /* ::deep .recent-update > span {
        display: none;
    }*/
    [b-lhxa96d72h] .completion-progress {
        width: 100%;
    }
    [b-lhxa96d72h] .submit-window .attachment-window {
        width: 350px;
    }

    [b-lhxa96d72h] .cs-table {
        width: 100%;
    }

    [b-lhxa96d72h] .inline {
        display: inline-flex;
    }

    [b-lhxa96d72h] td div.checklist-item {
        column-gap: 10px;
        font-size: 14px;
        background: #424242;
        color: white;
        padding: 8px 12px 8px 12px;
        text-align: left;
        height: 100%;
        width: 100%;
    }

    [b-lhxa96d72h] .table-container {
        background: white;
    }

    [b-lhxa96d72h] .td-image-preview {
        width: 100%;
        text-align: center;

    }

    [b-lhxa96d72h] table.preservationformtable tr td {
        padding: 0;
    }


    [b-lhxa96d72h] td.td-form-check > div {
        padding: 12px 0px 16px 0px;
        text-align: center;
        width: 100%;
        /*display: block;*/
    }

    [b-lhxa96d72h] td.td-form-remarks > div {
        padding: 12px;
    }

    [b-lhxa96d72h] .selected-group > span {
        margin-top: 20px
    }

    [b-lhxa96d72h] .top-details {
        flex: auto;
        /*overflow: auto;*/
        width: 100%;/*
        margin: 62px 0px 4px 0px;
        position: fixed;*/
        z-index: 15;
        /*background: #fff;
        top: 8px;
        right: 0;
        padding: 16px;
        overflow: auto;*/
    }
    [b-lhxa96d72h] .tag-cards {
        width: 100%;
        max-width:100%;
    }

    [b-lhxa96d72h] .td-form-disable {
        pointer-events: none;
        /*opacity: 0.9;*/
        /*filter: grayscale(.9);*/
    }

        [b-lhxa96d72h] .td-form-disable .preservationcheck .buttongroupborder {
            background: #ebebeb;
            border-color: #ebebeb;
        }

        [b-lhxa96d72h] .td-form-disable .preservationcheck .k-icon-button.k-selected {
            background: #2635d4;
            border-color: #2635d4 !important;
        }

        [b-lhxa96d72h] .td-form-disable .k-textarea.k-input.remarksText.k-input-solid.k-rounded-md {
            font-weight: 400 !important;
            border: 1px solid lightgray;
            background: #ebebeb;
            color: #212529 !important;
        }

    [b-lhxa96d72h] .k-textarea.k-input.remarksText.k-input-solid.k-rounded-md {
        font-weight: 400 !important;
        border: 1px solid lightgray;
        background: white;
        color: #212529 !important;
    }

    [b-lhxa96d72h] .disableUploadBtn {
        pointer-events: none;
        opacity: 0.3;
        filter: grayscale(0.9);
    }

    [b-lhxa96d72h] .camera-btn {
        display: block;
    }
    [b-lhxa96d72h] .take-photo-btn {
        width: 40px;
        border-radius: 3px;
        height: 40px;
        line-height: 24px;
        cursor: pointer;
    }




    [b-lhxa96d72h] .imagecarousel-window {
        width: 100% !important;
        height: 100% !important;
    }

    [b-lhxa96d72h] .img-carousel-content {
        width: 100% !important;
        height: 100% !important;
    }
/*
    ::deep .delete-img-btn {
        display: none;
    }*/
    [b-lhxa96d72h] .attachment-btn {
        width: 40px;
        border-radius: 3px;
        height: 40px;
        line-height: 24px;
        cursor: pointer;
    }
    [b-lhxa96d72h] .attachment-btn > img {
        left: 12px;
        transform: scale(1.2);
    }

    [b-lhxa96d72h] .thumbnail {
        width: 50px;
        height: 50px;
    }
    [b-lhxa96d72h] .form-img-preview {
        width: 50px;
        height: 50px;
    }

    [b-lhxa96d72h] .delete-all-btn {
        top: 0;
        background: #eb1818;
        border: 1px solid #eb1818;
        width: 40px;
        border-radius: 3px;
        height: 40px;
    }
    [b-lhxa96d72h] .cs-progresscontainer{
        flex: 1 1 auto;
    }

}
/* /Pages/FacilityPageV2.razor.rz.scp.css */
[b-r9lo8cx0pd] .k-grid-header .k-header {
    background: #404040;
    color: #fff;
}
/* /Pages/FacilitySummaryPage.razor.rz.scp.css */
[b-42ht090fts] .center-wrap {
    align-items: center;
}

[b-42ht090fts] .progress-bgc-notAvailable .k-progressbar .k-selected {
    border-color: #f31700;
    background-color: #f31700;
}

[b-42ht090fts] .progress-bgc-available .k-progressbar .k-selected {
    background-color: yellow;
    color: black;
}

[b-42ht090fts] .progress-bgc-inprogress .k-progressbar .k-selected {
    background-color: #fdbe00;
    color: black;
}

[b-42ht090fts] .progress-bgc-pending .k-progressbar .k-selected {
    background-color: #B5E6A2;
    color: black;
}

[b-42ht090fts] .progress-bgc-completed .k-progressbar .k-selected {
    background-color: #37b300;
    color: black;
}

[b-42ht090fts] .progress-bg-h {
    height: 16px;
}

[b-42ht090fts] .k-table-thead .k-table-row .header-mc-background-notAvailable {
    background-color: #f31700 !important;
    color: black !important;
    text-align: center !important;
    border-left-width: 1px !important;
    border-color: rgb(226 227 227) !important;
}

[b-42ht090fts] .k-table-thead .k-table-row .header-mc-background-available {
    background-color: yellow !important;
    color: black !important;
    text-align: center !important;
    border-left-width: 1px !important;
    border-color: rgb(226 227 227) !important;
}

[b-42ht090fts] .k-table-thead .k-table-row .header-mc-background-inprogress {
    background-color: #fdbe00 !important;
    color: black !important;
    text-align: center !important;
    border-left-width: 1px !important;
    border-color: rgb(226 227 227) !important;
}

[b-42ht090fts] .k-table-thead .k-table-row .header-mc-background-pending {
    background-color: #B5E6A2 !important;
    color: black !important;
    text-align: center !important;
    border-left-width: 1px !important;
    border-color: rgb(226 227 227) !important;
}

[b-42ht090fts] .k-table-thead .k-table-row .header-mc-background-completed {
    background-color: #37b300 !important;
    color: black !important;
    text-align: center !important;
    border-left-width: 1px !important;
    border-color: rgb(226 227 227) !important;
}
/* /Pages/Login.razor.rz.scp.css */
h4[b-fnsdoh7lpo] {
    color: #fff;
    font-weight: bold;
    font-size: 17px;
}

p[b-fnsdoh7lpo] {
    color: #fff;
}

p a[b-fnsdoh7lpo] {
    color: #fff;
    text-decoration: underline;
}
.card[b-fnsdoh7lpo] {
    width: 400px;
}
.card button[b-fnsdoh7lpo] {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: bold;
    letter-spacing: 0.5px;
}
img.imglogo[b-fnsdoh7lpo] {
    width: 140px;
}
.btn-primary[b-fnsdoh7lpo], [b-fnsdoh7lpo] .form-control {
    height: 36px;
}
[b-fnsdoh7lpo] ul.validation-errors {
    display: none;
}
[b-fnsdoh7lpo] .alert-danger {
    background: red;
    border: none;
    padding: 1px 5px;
}

[b-fnsdoh7lpo] .alert-danger p {
    margin: 0;
    padding: 0;
    color: #fff;
    font-weight: bold;
}
.btn-Microsoft[b-fnsdoh7lpo] {
    background: url(../images/microsoft.png) #fff;
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 25%;
    height: auto;
    padding: 8px;
    margin: 0;
    width: 100%;
    border: 1px solid #0070ba;
    margin-top: 10px;
    color: #0070ba;
    font-weight: bold;
}

.btn-Microsoft:hover[b-fnsdoh7lpo] {
    background-color: #0070ba;
    color: #fff;
}
/* /Pages/MRBPage.razor.rz.scp.css */
.index-table[b-sn0ucrb8qt] {
    width: 100%;
    margin-top: 0;
}

/* Logo Header Section */
.logo-header[b-sn0ucrb8qt] {
    width: 100%;
    height: 110px;
    padding: 0px 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 2px solid black;
}

.logo-header-table[b-sn0ucrb8qt] {
    display: table;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 40px;
}

.logo-stegra[b-sn0ucrb8qt], .logo-header-center[b-sn0ucrb8qt], .logo-ice[b-sn0ucrb8qt] {
    padding: 10px;
    display: table-cell;
    justify-content: center;
    align-items: center;
}

.logo-header-center[b-sn0ucrb8qt] {
    width: 31%;
}

.logo-esso[b-sn0ucrb8qt] {
    width: 30%;
    text-align: left;
}

.logo-ice[b-sn0ucrb8qt] {
    width: 30%;
    text-align: right;
    height: 40px;
}

.logo-img-esso[b-sn0ucrb8qt] {
    max-width: 120px;
    height: 110px;
}

.logo-img-ice[b-sn0ucrb8qt] {
    max-width: 145px;
    height: 47px;
}

#data-table table[b-sn0ucrb8qt], th[b-sn0ucrb8qt], td[b-sn0ucrb8qt] {
    border: 1px solid white;
    border-collapse: collapse;
}

.description:hover[b-sn0ucrb8qt] {
    cursor: pointer;
    text-decoration: underline;
    color: #0000EE;
}

.delivery-timing:hover[b-sn0ucrb8qt] {
    cursor: pointer;
    color: #0000EE;
}

[b-sn0ucrb8qt] .delivery-timing .k-icon-button {
    width: 22px;
    height: 22px;
}

.delivery-timing-input[b-sn0ucrb8qt] {
    width: 60px;
    height: 25px;
}
/* /Pages/SkylinePage.razor.rz.scp.css */
label[b-offlgxav7m] {
    font-size: 13px;
    margin-bottom: 0;
    font-weight: 400;
}

.yaxis-label[b-offlgxav7m] {
    background-color: #0047b7;
    z-index: 1
}

.headerLbl[b-offlgxav7m] {
    color: #333;
    text-align: center;
}



[b-offlgxav7m].header-container .k-switch .k-switch-label-on {
    color: white;
}

.yaxis-label label[b-offlgxav7m] {
    left: 0;
    position: sticky;
    text-align: center;
    color: white;
}

    .yaxis-label label:last-child[b-offlgxav7m] {
        margin-bottom: 0px;
    }

.subsystem-table[b-offlgxav7m] {
    margin-left: 145px;
    border: 1px solid #000;
    border-right: unset;
    position: relative;
    border-left: 0px;
}

.cursor-pointer[b-offlgxav7m] {
    cursor: pointer !important;
}

.data-column .skyline-item[b-offlgxav7m] {
    margin: 0px;
    border: 1px solid #0000005e;
    border-bottom: none;
    text-align: center;
    width: 106px;
    white-space: nowrap;
    height: 21px;
    margin-left: -1px;
    padding: 1px;
}

.skyline-item.item-pending[b-offlgxav7m] {
    background: #B5E6A2;
}

.skyline-item.item-incomplete[b-offlgxav7m] {
    background: #FF7F11;
}

.skyline-item.item-completed[b-offlgxav7m] {
    background: #6CC04A;
}

.skyline-item.item-late[b-offlgxav7m] {
    background: red;
}

.skyline-item.item-available[b-offlgxav7m] {
    background: yellow;
    color: #000000;
}

.skyline-item.item-interim[b-offlgxav7m] {
    background: #5cbce9;
}
/*.data-column .skyline-item:hover {
    opacity: 0.9;
}*/
.skyline-item.item-inprogress-behindschedule .skylinetext-lbl[b-offlgxav7m] {
    color: black !important;
}

.ytext-label[b-offlgxav7m] {
    height: 22px;
    margin-top: -1px;
    text-align: center;
    border: 1px solid #000;
    padding: 0 5px;
    min-width: 27px;
}

.data-column .skyline-item .skylinetext-lbl[b-offlgxav7m] {
    width: 100%;
    height: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    margin: 0px;
    line-height: 2;
    color: #fff;
    position: relative;
}

.data-column .skyline-item.skyline-item-mdac .skylinetext-lbl[b-offlgxav7m], .data-column .skyline-item.skyline-item-mdac .skylinetext-black[b-offlgxav7m] {
    display: flex;
    flex-direction: column;
    row-gap: 0;
    line-height: 1;
    overflow: visible;
    cursor: pointer;
}

.data-column .skyline-item .skylinetext-black[b-offlgxav7m] {
    width: 75px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    margin: 0px;
    line-height: 2;
    color: #000000;
    font-size: 11px;
}

.skyline-item.item-notstart-behindschedule label.skylinetext-black[b-offlgxav7m], .skyline-item.item--mccomplete-nopuncha label.skylinetext-black[b-offlgxav7m] {
    color: #fff;
}

.data-column .skyline-item .skylinetext-lbl-test-pack[b-offlgxav7m] {
    font-size: 11px;
}

/*.data-container {
    margin-bottom: -8px;
}*/

.data-container .date[b-offlgxav7m] {
    background: #000;
    color: white;
    padding: 3px;
    border: 1px solid #808080;
    border-bottom: none;
    border-left: none;
    width: 105px;
    text-align: center;
    height: 22px;
}

.legend-container small[b-offlgxav7m] {
    color: white;
    text-align: center;
    padding: 5px;
}

    .legend-container small:nth-child(2)[b-offlgxav7m] {
        background: red;
    }
    .legend-container small:nth-child(3)[b-offlgxav7m] {       
        background: yellow;
        color: #000;
    }
    .legend-container small:nth-child(4)[b-offlgxav7m] {
        background: #f5800a;
        color: #fff;
    }
    .legend-container small:nth-child(5)[b-offlgxav7m] {
        background: #B5E6A2;
        color: #000;
    }

    .legend-container small:last-child[b-offlgxav7m] {
        background: #6CC04A;
    }


.legend-detail-container small[b-offlgxav7m] {
    color: black;
    text-align: center;
    padding: 5px;
}

    .legend-detail-container small:nth-child(2)[b-offlgxav7m] {
        background: #c1c5c7;
    }

    /* .legend-detail-container small:nth-child(3) {
        background: #AEDEFC;
    }
*/
    .legend-detail-container small:nth-child(4)[b-offlgxav7m] {
        background: #f20202;
        color: #fff;
    }

    .legend-detail-container small:nth-child(5)[b-offlgxav7m] {
        background: #FFFB73;
    }

    .legend-detail-container small:nth-child(6)[b-offlgxav7m] {
        background: #9ADE7B;
    }

    .legend-detail-container small:nth-child(7)[b-offlgxav7m] {
        background: #508D69;
        color: #fff;
    }

    .legend-detail-container small:nth-child(8)[b-offlgxav7m] {
        background: #5cbce9;
        color: #fff;
    }

.date-container[b-offlgxav7m] {
    margin-left: 150px;
}

.certification-container .cert-title[b-offlgxav7m],
.certification-container .title[b-offlgxav7m],
.punch-container .title[b-offlgxav7m],
.punch-container .punch-title[b-offlgxav7m] {
    width: 170px !important;
    min-width: 170px;
    margin: 0px;
    border-bottom: 1px solid #0000005e;
    padding: 3px;
}

.subsystem-table .yaxis-label[b-offlgxav7m],
.certification-container .cert-title[b-offlgxav7m],
.certification-container .title[b-offlgxav7m],
.punch-container .title[b-offlgxav7m],
.punch-container .punch-title[b-offlgxav7m] {
    left: 0;
    position: sticky;
}

.certification-container .date[b-offlgxav7m] {
    background: #595959;
    color: white;
    padding: 3px;
    border: 1px solid #b9b9b9;
    border-right: 0px;
    width: 105px;
    text-align: center;
    margin: 0px;
}

.certification-container .cert-data[b-offlgxav7m],
.punch-container .punch-data[b-offlgxav7m] {
    padding: 3px;
    border: 1px solid #0000005e;
    border-bottom: none;
    border-right: none;
    margin: 0px;
    text-align: center;
    width: 105px;
}

.certification-container .flex.flex-row:last-child .cert-data[b-offlgxav7m],
.punch-container .flex.flex-row:last-child .punch-data[b-offlgxav7m] {
    border-bottom: 1px solid #0000005e;
}

.certification-container .title[b-offlgxav7m],
.punch-container .punch-title[b-offlgxav7m] {
    background: #1825aa;
    color: white;
}

.certification-container .cert-title[b-offlgxav7m],
.punch-container .title[b-offlgxav7m] {
    background: #000;
    color: white;
}
/*
.certification-container .cert-data:hover,*/
.punch-container .punch-data:hover[b-offlgxav7m] {
    background: #eee;
}

.skyline-title[b-offlgxav7m] {
    position: sticky;
    background: #262626;
    color: #fff;
    margin-left: 172px;
    text-align: left;
    width: calc(100% - 172px);
    border-bottom: 6px solid #a1c2e7;
    font-size: 14px;
    padding: 6px;
    margin-bottom: 0;
    outline: 1px solid #000;
    z-index: 1;
    padding-right: 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

label.cert-data.bg-darkcert-data[b-offlgxav7m] {
    background: #46546a;
    color: #fff;
    border-color: #7e7e7e;
}

.certification-container .cert-data:last-child[b-offlgxav7m], .punch-container .punch-data:last-child[b-offlgxav7m] {
    border-right: 1px solid #0000005e;
}

.data-container:last-child .data-column .skyline-item[b-offlgxav7m] {
    border-right: 0px;
}

.legend-container[b-offlgxav7m] {
    order: 2;
    margin-left: auto;
}

    .legend-container > *[b-offlgxav7m] {
        color: #fff;
        font-size: 11px;
    }

.skyline-item.item-notstart[b-offlgxav7m] {
    background: #c1c5c7;
}

.skyline-item.item-inprogress[b-offlgxav7m] {
    background: #f5800a;
}

    .skyline-item.item-inprogress label[b-offlgxav7m] {
        color: #fff !important;
    }

.skyline-item.item-notstart-behindschedule[b-offlgxav7m] {
    background: #f20202;
}

.skyline-item.item-inprogress-behindschedule[b-offlgxav7m] {
    background: #FFFB73;
}

.skyline-item.item-mccomplete-withpuncha[b-offlgxav7m] {
    background: #9ADE7B;
}

.skyline-item.item--mccomplete-nopuncha[b-offlgxav7m] {
    background: #508D69;
}

.legend-detail-container > *[b-offlgxav7m] {
    font-size: 10px;
}

.dataItem-cert[b-offlgxav7m] {
    display: flex;
    column-gap: 0px;
    width: 100%;
    align-items: center;
    justify-content: center;
    margin-top: -5px;
    min-height: 11px;
}

    .dataItem-cert > *[b-offlgxav7m] {
        font-size: 11px;
    }

span.datacertItem[b-offlgxav7m] {
    background: #28a745;
    width: 16px;
    height: 15px;
    border: 1px solid #ffffff94;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

    span.datacertItem.datacertItem-incomplete[b-offlgxav7m] {
        background-color: #dc3545;
    }

    span.datacertItem.datacertItem-ready[b-offlgxav7m] {
        background-color: #ec8100;
    }

.data-column .skyline-item.skyline-item-mdac[b-offlgxav7m] {
    height: 35px;
}

.skyline-mdac .ytext-label[b-offlgxav7m],
.skyline-mdac .data-container .date[b-offlgxav7m] {
    height: 37px;
}

.detailed-skyline .data-column .skyline-item .skylinetext-lbl[b-offlgxav7m],
.detailed-skyline .data-column .skyline-item[b-offlgxav7m],
.detailed-skyline .data-container .date[b-offlgxav7m],
.detailed-skyline .certification-container .cert-data[b-offlgxav7m],
.detailed-skyline .certification-container .date[b-offlgxav7m],
.detailed-skyline .punch-container .punch-data[b-offlgxav7m],
.detailed-skyline .data-column .skyline-item .skylinetext-black[b-offlgxav7m] {
    width: 135px
}

.detailed-skyline .ytext-label[b-offlgxav7m],
.detailed-skyline .data-container .date[b-offlgxav7m] {
    height: 62px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.detailed-skyline .data-column .skyline-item[b-offlgxav7m],
.detailed-skyline .data-column .skyline-item .skylinetext-lbl[b-offlgxav7m] {
    height: 60px;
}

.detailed-skyline.detailed-rfc .ytext-label[b-offlgxav7m],
.detailed-skyline.detailed-rfc .data-container .date[b-offlgxav7m] {
    height: 60px;
}

.detailed-skyline.detailed-rfc .data-column .skyline-item[b-offlgxav7m],
.detailed-skyline.detailed-rfc .data-column .skyline-item .skylinetext-lbl[b-offlgxav7m] {
    height: 59px;
}

.detailed-info *[b-offlgxav7m] {
    font-size: 10px;
    letter-spacing: -0.4px;
    font-weight: normal;
}

.detailed-info[b-offlgxav7m] {
    display: flex;
    justify-content: space-between;
    width: 100%;
    line-height: 1;
    flex-wrap: wrap;
    align-items: center;
}

.detailed-skyline .data-column .skyline-item .skylinetext-lbl[b-offlgxav7m],
.detailed-skyline .data-column .skyline-item > *[b-offlgxav7m] {
    padding: 5px !important;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    row-gap: 0px;
}

.detailed-progress[b-offlgxav7m] {
    height: 11px;
}

[b-offlgxav7m] .detailed-progress .k-progressbar-horizontal {
    height: 100%;
}

.detailed-progress .k-progressbar *[b-offlgxav7m] {
    font-size: 10px;
    line-height: 1
}

.dataItem-cert:empty[b-offlgxav7m] {
    display: none;
}

.legend-container small.legend-dac[b-offlgxav7m], .skyline-item.skyline-item-mdac.item-itr-completed[b-offlgxav7m] {
    background: #c6ff9e;
    color: #0b1a01;
}

    .skyline-item.skyline-item-mdac.item-itr-completed label[b-offlgxav7m] {
        color: #0b1a01;
    }
[b-offlgxav7m] .k-progressbar .k-selected {
    border-color: #0047b7;
    color: #fff;
    background-color: #0047b7;
}
/* /Pages/SubSystemPage.razor.rz.scp.css */

.multiselect-item[b-6omat8xgmb] {
    display: flex;
    border-bottom: 1px solid #ccc;
}

.multiselect-item div[b-6omat8xgmb] {
        padding: 5px;
        border-right: 1px solid #ccc; 
}

.multiselect-item div:last-child[b-6omat8xgmb] {
     border-right: none;
}

.wrap-text[b-6omat8xgmb] {
    white-space: normal;
    word-wrap: break-word;
}
/* /Pages/TopsidesSummaryPage.razor.rz.scp.css */
.cs-title[b-jpisaplvia] {
    padding: 10px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.platform-container img[b-jpisaplvia] {
    width: 50px;
}
.platform-container:hover[b-jpisaplvia] {
    transform: scale(1.3);
}
    .platform-container:hover td[b-jpisaplvia] {
        font-size: 8px !important;
        width: 34px;
    }

table.inner-platform-tbl[b-jpisaplvia] {
    border-collapse: collapse;
    width: 100%;
    margin-top:-1px;
}

table.inner-platform-tbl td[b-jpisaplvia] {
    border: 1px solid #000;
    font-size: 7px;
    padding: 2px;
    width: 31px;
    line-height: 1;
    height: 16px;
    background: #fff;
    vertical-align: middle;
    text-align: left;
    word-break: break-word;
    font-weight: bold;
    text-align: center;
}

.platform-container[b-jpisaplvia] {
    cursor: pointer;
    display: inline-flex;
    column-gap: 2px;
    align-items: end;
    justify-content: center;
    z-index: 1;
    transition: all linear 0.1s;
}

span.platform-name[b-jpisaplvia] {
    padding: 2px;
    width: max-content;
    text-align: center;
    font-weight: bold;
    color: #fff;
    display: block;
    border: 1px solid #000;
    width: 100%;
    line-height: 1;
    font-size: 12px;
}
    span.platform-name.platform-blue[b-jpisaplvia] {
        background: #3f9bff;
    }
span.platform-name.platform-grey[b-jpisaplvia] {
    background: gray;
}
    span.platform-name.platform-green[b-jpisaplvia] {
        background: #6cfb2e;
        color: black;
    }
span.platform-name.platform-black[b-jpisaplvia] {
    background: #000;
}
.cs-table td[b-jpisaplvia] {
/*    border: 1px solid red;*/
}
table.cs-table[b-jpisaplvia] {
    max-width: 100%;
    width: max-content;
    margin: 0 auto;
}




/*arrows and pointers*/
.arrow-up[b-jpisaplvia] {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid black;
}

.line[b-jpisaplvia] {
    height: 50px;
    width: 2px;
    background: #000;
}

.slant-left[b-jpisaplvia] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transform: rotate(-25deg);
    margin-left: 90%;
    margin-bottom: -33%;
}
td.cs-flounder[b-jpisaplvia]:before {
    width: 2px;
    background: #000;
    height: 50%;
    content: "";
    position: absolute;
    left: 50%;
    margin-top: -25%;
}
td.cs-flounder[b-jpisaplvia] {
    position: relative;
}
.slant-right-up[b-jpisaplvia] {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    transform: rotate(56deg);
    top: -15%;
    right: 0;
    z-index: 0;
}
.slant-right-down[b-jpisaplvia] {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    transform: rotate(-48deg);
    bottom: -20%;
    right: 0;
    z-index: 0;
}
.h-line[b-jpisaplvia] {
    position: absolute;
    right: -3px;
    bottom: 7px;
    width: 30px;
    height: 2px;
    background: black;
}
.line-straight-full[b-jpisaplvia] {
    height: 100%;
    width: 2px;
    background: black;
    position: absolute;
    top: 0;
    left: 51%;
}
.line-mackerel[b-jpisaplvia] {
    position: absolute;
    top: -209%;
    height: 217%;
    width: 2px;
    background: black;
    transform: rotate(-23deg);
}



/*legend*/
.pl-coloring[b-jpisaplvia] {
    display: flex;
    column-gap: 10px;
    flex-direction: column;
    row-gap: 2px;
    width: 150px;
    margin-top: 10px;
}

.legend[b-jpisaplvia] {
    display: flex;
    column-gap: 40px;
    border: none;
    background: #c7c7c7;
    padding: 10px;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    row-gap: 5px;
    flex-direction: column;
    position: absolute;
    left: 0;
    bottom: 0;
    border-radius: 5px;
}

.pl-coloring .platform-name[b-jpisaplvia] {
    border-bottom: 1px solid #000;
    width: auto;
    padding: 2px 10px;
    font-size: 11px;
    font-weight: 200;
}
.pl-coloring strong[b-jpisaplvia], .legend strong[b-jpisaplvia] {
    font-size: 11px;
    font-weight: 700;
    align-self: flex-start;
    line-height:1;
}

/*table status*/
td.status.status-blue[b-jpisaplvia] {
    background: #3f9bff;
}
td.status.status-black[b-jpisaplvia] {
    background: #000;
}

td.status.status-grey[b-jpisaplvia] {
    background: grey;
}

td.status.status-green[b-jpisaplvia] {
    background: #6cfb2e;
    color: black;
}

img.bg-map[b-jpisaplvia] {
    width: 63vw;
    height: 30.5vw;
}
.platform-container[b-jpisaplvia] {
    position: absolute;
    top: 0;
    left: 0;
    align-items: start;
}
    .platform-container:hover[b-jpisaplvia] {
        z-index: 10;
        margin-top: -2%;
    }
    .platform-container.platform-dolphin[b-jpisaplvia] {
        left: 23%;
        top: 59%;
        align-items: start;
    }

    .platform-container.platform-kfb[b-jpisaplvia] {
        left: 68.9%;
        top: 78.5%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .platform-container.platform-kfa[b-jpisaplvia] {
        left: 61%;
        top: 79.5%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .platform-container.platform-wkf[b-jpisaplvia] {
        left: 53%;
        top: 79%;
        display: flex;
        flex-direction: column;
        align-items: center;
        row-gap: 5px;
    }

    .platform-container.platform-mackerel[b-jpisaplvia] {
        left: 78%;
        top: 56%;
    }

    .platform-container.platform-breamb[b-jpisaplvia] {
        top: 74%;
        left: 37%;
        flex-direction: column;
        align-items: center;
    }

    .platform-container.platform-breama[b-jpisaplvia] {
        top: 58%;
        left: 45.5%;
    }

    .platform-container.platform-cobia[b-jpisaplvia] {
        left: 58%;
        top: 57%;
        flex-direction: row-reverse;
    }

    .platform-container.platform-perch[b-jpisaplvia] {
        left: 19%;
        top: 73%;
    }

    .platform-container.platform-halibut[b-jpisaplvia] {
        left: 74%;
        top: 44%;
    }

    .platform-container.platform-whitinga[b-jpisaplvia] {
        left: 41.5%;
        top: 31%;
        flex-direction: row-reverse;
    }

    .platform-container.platform-flounder[b-jpisaplvia] {
        left: 80.5%;
        top: 30%;
    }

    .platform-container.platform-fortescue[b-jpisaplvia] {
        left: 60.5%;
        top: 47.5%;
        display: flex;
        flex-direction: row-reverse;
    }

    .platform-container.platform-kippersubsea[b-jpisaplvia] {
        top: 20%;
        left: 87.5%;
    }

    .platform-container.platform-blacksubsea[b-jpisaplvia] {
        top: 67%;
        left: 84%;
    }

    .platform-container.platform-tuna[b-jpisaplvia] {
        top: 14%;
        left: 75%;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .platform-container.platform-westtuna[b-jpisaplvia] {
        top: 30%;
        left: 73%;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .platform-container.platform-marlin[b-jpisaplvia] {
        left: 65%;
        top: 20%;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .platform-container.platform-snapper[b-jpisaplvia] {
        left: 55%;
        top: 30%;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .platform-container.platform-bar[b-jpisaplvia] {
        top: 43%;
        left: 37%;
        flex-direction: row-reverse;
        align-items: center;
    }
.legend table.inner-platform-tbl td[b-jpisaplvia] {
    font-size: 11px;
    width: unset;
    font-weight: 400;
    text-align: left;
}

.legend table.inner-platform-tbl[b-jpisaplvia] {
    width: 220px;
}


table.inner-platform-tbl.plant-tbl[b-jpisaplvia] {
    transition: all linear 0.3s;
}

table.inner-platform-tbl.plant-tbl tr:nth-child(n+4)[b-jpisaplvia] {
    display: none;
}

.platform-container:hover table.inner-platform-tbl.plant-tbl tr:nth-child(n+4)[b-jpisaplvia] {
    display: table-row;
}
/* /Pages/WorkPackAllSeasPage.razor.rz.scp.css */
.cs-table2-custom-th[b-zl0la3syqf] {
    padding: 10px;
    background: #565656;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
}

.custom-tr[b-zl0la3syqf] {
    height: 13px;
}
/* /Pages/WorkPackPage.razor.rz.scp.css */


.jobcard-attachment[b-xun0piis8n] {
    background: #1C50D5;
    border: none;
    color: white;
    cursor: pointer;
    border-radius: 4px;
    justify-items: center;
    margin-top: 5px;
    padding: 0 5px;
    width: fit-content;
    transition: background 0.3s;
}

.jobcard-attachment:hover[b-xun0piis8n] {
    background: #4A8EDD;
    border: none;
}

.tooltip[b-xun0piis8n] {
    height: 300px;
    max-height: 300px;
    font-size: 11px;
    max-width:100px;
}
    .tooltip img[b-xun0piis8n] {
        height: 20px;
        width: 20px;
        object-fit: contain;
    }
/* /Shared/LoginDisplay.razor.rz.scp.css */
.usermenu[b-d85oraqf94] {
    position: absolute;
    top: 54px;
    right: 15px;
    width: 250px;
    background: #242424;
    z-index: 1000000;
}

    .usermenu *[b-d85oraqf94] {
        color: #fff;
        font-size: 14px;
    }

    .usermenu a:hover[b-d85oraqf94], .usermenu button:hover[b-d85oraqf94] {
        color: #e4f400;
        text-decoration: none;
    }

    .usermenu img[b-d85oraqf94] {
        filter: brightness(0) invert(0.4);
    }

button.navbar-toggler[b-d85oraqf94] {
    background: #e4f400;
    height: 38px;
    width: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    transition: all linear 0.3s;
    outline: 0 !important;
    border: 1px solid #e4f400;
    border-radius: 0px;
}

    button.navbar-toggler:hover[b-d85oraqf94] {
        background: #000;
    }

        button.navbar-toggler:hover img[b-d85oraqf94] {
            filter: invert(88%) sepia(83%) saturate(2660%) hue-rotate(4deg) brightness(99%) contrast(94%);
        }

    button.navbar-toggler.rotate-nav[b-d85oraqf94] {
        transform: rotate(180deg);
    }

.currentuser[b-d85oraqf94] {
    color: #666;
    font-size: 15px;
    text-align: right;
}

.clientName[b-d85oraqf94] {
    background: #e4f400;
    color: #000;
    margin-left: 5px;
    font-weight: 600;
}

.dropdown-arrow[b-d85oraqf94] {
    filter: brightness(0) invert(0.6);
}

.userprofile[b-d85oraqf94], .usermenu .userprofile[b-d85oraqf94] {
    background: #c3c3c3;
    border-radius: 50%;
    width: 33px;
    filter: unset;
}

.usermenu .userprofile[b-d85oraqf94] {
    margin-bottom: 5px;
}

/*NAVIGATION*/
.flex.topbar-items[b-d85oraqf94] {
    align-items: center;
}
.navbar-top-links .flex.flex-align-center[b-d85oraqf94] {
    align-items: center;
    justify-content: space-between;
    margin: 0;
    cursor: pointer;
}
.nav.navbar-right > li > a[b-d85oraqf94] {
    color: #0070ba;
}
.profilephoto[b-d85oraqf94] {
    width: 25px;
    height: 25px;
    filter: unset;
    background: #d5dae5;
    margin: auto;
    border-radius: 50%;
    object-fit: cover;
}
.logout-dropdown[b-d85oraqf94] {
    position: absolute;
    right: 10px;
    background: #fff;
    padding: 10px;
    top: 46px;
    z-index: 1;
    width: 150px;
    display: none;
    text-align: left;
    padding: 15px 10px;
    margin: 0;
    box-shadow: 0px 2px 9px -2px rgb(0 0 0 / 23%);
    border: 1px solid #ececec;
}

.logout-dropdown.show-dropdown[b-d85oraqf94] {
    display: block;
    z-index: 1000000;
}

.logoutmenu > div > a[b-d85oraqf94] {
    margin: 0px !important;
}
/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-7usuld37lt] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-7usuld37lt] {
    flex: 1;
    display: flex;
    height: calc(100vh - 64px);
}

.sidebar[b-7usuld37lt] {
    background: #000;
}
img.imglogo[b-7usuld37lt] {
    height: 42px;
    width: auto;
}
.top-row[b-7usuld37lt] {
    background-color: #f0f2f6;
    border-bottom: 1px solid #f0f2f6;
    justify-content: flex-end;
    height: 50px;
    display: flex;
    align-items: center;
}

    .top-row[b-7usuld37lt]  a, .top-row[b-7usuld37lt]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-7usuld37lt]  a:hover, .top-row[b-7usuld37lt]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-7usuld37lt]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-7usuld37lt] {
        display: none;
    }

    .top-row.auth[b-7usuld37lt] {
        justify-content: space-between;
    }

    .top-row[b-7usuld37lt]  a, .top-row[b-7usuld37lt]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-7usuld37lt] {
        flex-direction: row;
    }

    .sidebar[b-7usuld37lt] {
        width: 250px;
        height: 100%;
        position: sticky;
        top: 0;
        overflow: auto;
    }

    .top-row[b-7usuld37lt] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-7usuld37lt]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-7usuld37lt]{
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-0o1oooy6hy] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-0o1oooy6hy] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-0o1oooy6hy] {
    font-size: 1.1rem;
}

.oi[b-0o1oooy6hy] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.nav-item[b-0o1oooy6hy] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-0o1oooy6hy] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-0o1oooy6hy] {
        padding-bottom: 1rem;
    }

    .nav-item[b-0o1oooy6hy]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        padding: 0 5px;
        width:100%;
    }

.nav-item[b-0o1oooy6hy]  a img {
    filter: brightness(0) invert(1);
    margin-right: 5px;
}

.nav-item[b-0o1oooy6hy]  a.active {
    background-color: rgba(255,255,255,0.25);
    color: white;
    width: 100%;
}

.nav-item[b-0o1oooy6hy]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

@media (min-width: 641px) {
    .navbar-toggler[b-0o1oooy6hy] {
        display: none;
    }

    .collapse[b-0o1oooy6hy] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
}