@import '_content/ReactorBlazorQRCodeScanner/ReactorBlazorQRCodeScanner.boasv5qmh0.bundle.scp.css';

/* _content/Scarborough-Portal/Components/EehaComplianceFormComponent.razor.rz.scp.css */
[b-ywlqmy9hnr] .cs-fbmiForm label {
    margin-bottom: 0;
}

[b-ywlqmy9hnr] .cs-fbmiForm {
    display: flex;
    flex-direction: column;
    overflow: auto;
    height: 100%;
    width: 100%;
}

[b-ywlqmy9hnr] .k-form-layout {
    overflow: auto;
    margin-bottom: 20px;
}

[b-ywlqmy9hnr] .k-form-buttons {
    margin-top: auto !important;
}
.cs-table td[b-ywlqmy9hnr], .cs-table th[b-ywlqmy9hnr], [b-ywlqmy9hnr] .cs-table th {
    border: 1px solid #ddd;
    padding: 10px !important;
    padding: 3px 10px;
    min-width: 50px;
    text-align: center;
}
.cs-table td:nth-child(2)[b-ywlqmy9hnr], .cs-table tr:first-child th:nth-child(2)[b-ywlqmy9hnr] {
    text-align: left;
}
.cs-table th[b-ywlqmy9hnr], [b-ywlqmy9hnr] .cs-table th {
    padding: 3px 10px;
    background: #424242;
    color: #fff;
    font-weight: normal;
    position: sticky;
    top: -15px;
    z-index: 1;
}
[b-ywlqmy9hnr] .k-form-md .k-form-field {
    width: 100%;
    overflow: auto;
    display: flex;
    margin: 0;
}
.cs-table tr:nth-child(2) th[b-ywlqmy9hnr] {
    top: 24.5px;
}
.cs-table tr:nth-child(n+3) th[b-ywlqmy9hnr], [b-ywlqmy9hnr] .cs-table tr:nth-child(n+3) th {
    top: 64px;
    background: #818181;
}
[b-ywlqmy9hnr] .cs-radiougroup li.k-radio-list-item {
    flex: 1 1 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

[b-ywlqmy9hnr] .cs-table .k-radio-list.k-list-horizontal {
    gap: 0;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}
[b-ywlqmy9hnr] .cs-radiougroup input[type="radio"] {
    width: 25px;
    border-color: #3036d6;
    height: 25px;
}
@media(max-width:1400px){
    .cs-table tr:nth-child(2)[b-ywlqmy9hnr] {
        top: 36.5px;
    }
}
@media(max-width:1024px) {
    .cs-table tr:nth-child(2) th[b-ywlqmy9hnr] {
        top: 21.5px;
    }
    .cs-table tr:nth-child(n+3) th[b-ywlqmy9hnr], [b-ywlqmy9hnr] .cs-table tr:nth-child(n+3) th {
        top: 59px;
    }
}
@media(max-width:600px) {
    .k-form-md .k-form-field[b-ywlqmy9hnr] {
        grid-column: 1;
    }
    .cs-table tr:nth-child(n+3) th[b-ywlqmy9hnr] ,[b-ywlqmy9hnr] .cs-table tr:nth-child(n+3) th {
       /* top: 73px;*/
        background: #818181;
    }
}

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

[b-ywlqmy9hnr] upload-cam {
    z-index: 3;
}

[b-ywlqmy9hnr] .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-ywlqmy9hnr] .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) !important;
    z-index: 1;
}

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

[b-ywlqmy9hnr] .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-ywlqmy9hnr] .take-photo-btn .k-icon{
    filter: brightness(0) invert(1);
}

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

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

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

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

[b-ywlqmy9hnr] .no-attachment-label {
    font-size: 12px;
    color: gray;
    font-style: italic;
}
td.font-larger[b-ywlqmy9hnr] {
    font-size: 20px;
    font-weight: bold;
}
[b-ywlqmy9hnr] .cs-table .k-form-error {
    justify-content: center;
}
.cs-invalid[b-ywlqmy9hnr] {
    background: #ff000014;
    color: red;
    padding: 9px;
}
[b-ywlqmy9hnr] .k-radio-list.k-list-horizontal {
    row-gap: 5px;
}
/* _content/Scarborough-Portal/Components/FMBIComponent.razor.rz.scp.css */
[b-xqndwv6jm1] .cs-fbmiForm label {
    margin-bottom: 0;
}

[b-xqndwv6jm1] .cs-fbmiForm {
    display: flex;
    flex-direction: column;
    overflow: auto;
    height: 100%;
    width: 100%;
}

[b-xqndwv6jm1] .k-form-layout {
    overflow: auto;
    padding-right: 10px;
    margin-bottom: 20px;
}

[b-xqndwv6jm1] .k-form-buttons {
    margin-top: auto !important;
} 
@media(max-width:600px){
    .k-form-md .k-form-field[b-xqndwv6jm1] {
        grid-column: 1;
    }
}
/* _content/Scarborough-Portal/Components/ImportFileComponent.razor.rz.scp.css */
body[b-mvihhimcvn] {
}
/* _content/Scarborough-Portal/Components/PTWRectificationComponent.razor.rz.scp.css */
.form-img-preview[b-39bf96r527] {
    border-radius: 5px;
    padding: 2px;
    border: 1px solid #dedede;
    width: 45px;
    height: 45px;
    object-fit: cover;
}

.form-img-preview-container[b-39bf96r527] {
    display: flex;
    column-gap: 2px;
    row-gap: 2px;
    width: 100%;
    flex-wrap: wrap;
}

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

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

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

[b-39bf96r527] .take-photo-btn {
    top: 0px;
    background: rgba(0, 0, 0, 0.72);
    border: 1px solid rgba(0, 0, 0, 0.72);
    width: 30px;
    height: 30px;
    cursor: pointer;
    z-index: 1;
    color: rgb(255, 255, 255);
    text-align: center;
    border-radius: 50%;
}

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

span.badge[b-39bf96r527] {
    border-radius: 10px;
    width: 100%;
}

[b-39bf96r527] .cs-mark-complete {
    border: 2px solid #53cc26;
    padding: 3px 5px;
    border-radius: 5px;
    background: #fff;
    column-gap: 0;
}

    [b-39bf96r527] .cs-mark-complete .k-icon {
        filter: invert(74%) sepia(39%) saturate(6530%) hue-rotate(67deg) brightness(153%) contrast(121%);
        transform: scale(0.7);
    }

    [b-39bf96r527] .cs-mark-complete:hover .k-icon {
        filter: brightness(0) invert(1);
    }

    [b-39bf96r527] .cs-mark-complete:hover {
        background: #33ce1a;
        border-color: #33ce1a;
    }

[b-39bf96r527] .box-shadow {
    box-shadow: 0px 1px 0px 0px rgb(53 53 53 / 25%);
}

[b-39bf96r527] .take-photo-btn:hover {
    background: #ff8300;
    border-color: #ff8300;
}


[b-39bf96r527] .cs-mark-complete .k-button-text {
    color: #53cc26;
    font-weight: 500;
    font-size: 11px;
}

[b-39bf96r527] .cs-mark-complete:hover .k-button-text {
    color: #fff;
}

.upload-cam[b-39bf96r527] {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    background: #ffc926;
    border-radius: 50%;
    cursor: pointer;
}

label.attachment-btn[b-39bf96r527] {
    width: 35px;
    height: 35px;
    overflow: hidden;
}

.upload-cam img[b-39bf96r527] {
    width: 15px;
}

.upload-cam:hover[b-39bf96r527] {
    background: #fdbe00;
}

[b-39bf96r527] label.attachment-btn input {
    display: none;
}

span.badge.badge-OPEN:hover[b-39bf96r527]:before {
    content: "Mark as Close";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #2126ab;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

span.badge.badge-OPEN[b-39bf96r527] {
    position: relative;
}

@media(max-width:600px) {
    span.badge[b-39bf96r527] {
        width: 80px !important;
        line-height: 1;
    }

    [b-39bf96r527] .k-toolbar .k-button {
        width: unset;
    }

    [b-39bf96r527] .k-toolbar-item {
        width: 100%;
        margin-left: 0;
    }

    .cs-sm-container[b-39bf96r527] {
        padding: 0 !important;
    }

        .cs-sm-container h1[b-39bf96r527] {
            background: #1825aa;
            color: white;
            z-index: 10;
            padding: 16px;
            width: 100%;
            display: flex;
            column-gap: 8px;
            margin-bottom: 0px;
        }

        .cs-sm-container #page-content[b-39bf96r527] {
            padding: 15px;
        }

    [b-39bf96r527] .k-grid-content tr, [b-39bf96r527] .k-grid-content td, [b-39bf96r527] .k-grid-content table, [b-39bf96r527] .k-table-tbody {
        display: block !important;
        width: 100% !important;
        position: relative !important;
        max-width: 100% !important;
        left: 0px !important;
        background: transparent !important;
        min-width: 100% !important;
        box-sizing: border-box;
    }

    .cs-sm-container[b-39bf96r527]  .k-grid-header {
        display: none;
    }

    [b-39bf96r527] .k-grid .k-table-td:first-child {
        background: #424242 !important;
        color: #fff;
        font-size: 14px;
        font-weight: 500;
    }

    [b-39bf96r527] .k-grid .k-table-td {
        border-left: 1px solid rgba(0,0,0,0.08) !important;
        border-right: 1px solid rgba(0,0,0,0.08) !important;
        padding: 5px;
    }

    .sp-remarks[b-39bf96r527] {
        font-weight: 400;
        border: 1px solid lightgray;
        background: #ebebeb;
        color: #212529;
        width: 100%;
        padding: 7px;
        border-radius: 5px;
    }

    .sp.sp-label[b-39bf96r527] {
        min-width: 110px;
        font-weight: 500;
    }

    .sp-images[b-39bf96r527] {
        background: #eee;
        border: 2px solid #ddd;
        border-radius: 5px;
        padding: 8px;
    }

    .sp-images-defect[b-39bf96r527] {
        background: #ffefef;
        border-color: #ffbaba;
    }

    .sp-images-rectification[b-39bf96r527] {
        background: #f6fff2;
        border-color: #bbf9a3;
    }

    [b-39bf96r527] .take-photo-btn {
        border-radius: 5px;
        width: 40px;
        height: 40px;
    }

        [b-39bf96r527] .take-photo-btn .k-icon, [b-39bf96r527] .delete-all-btn .k-icon {
            zoom: 1.2;
        }

    [b-39bf96r527] .k-grid .k-table-td:last-child {
        padding: 10px 10px 20px 10px;
    }

    label.attachment-btn[b-39bf96r527], .upload-cam[b-39bf96r527] {
        width: 40px;
        height: 40px;
        overflow: hidden;
        border-radius: 5px;
    }
}
/* _content/Scarborough-Portal/Components/UserManagementComponent.razor.rz.scp.css */
[b-0sb09ak7l4] .usermanagement-table-div-default {
    width: 100%;
}

[b-0sb09ak7l4] .usermanagement-table-div-adjusted {
    width: 65%;
}

[b-0sb09ak7l4] .drawer-div-default {
    display: none;
}

[b-0sb09ak7l4] .drawer-div-adjusted {
    /*width: 35%;*/
    height: 94.2%;
}

[b-0sb09ak7l4] .submit-btn > span.k-icon.k-i-save.k-button-icon {
    filter: brightness(0) invert(1);
}

[b-0sb09ak7l4] .inner-drawer {
    background: white;
    height: calc(100% - 46px);
    padding: 12px 24px 24px 24px;
    border: 1px solid #d3d3d36e;
}

[b-0sb09ak7l4] .add-user-header {
    border-bottom: 1px solid #d3d3d36e;
    padding-bottom: 8px;
}

[b-0sb09ak7l4] .collapse-btn {
    background: white;
}

    [b-0sb09ak7l4] .collapse-btn:hover {
        background: #03a9f4;
    }

[b-0sb09ak7l4] h6 {
    padding: 0;
    margin: 0;
}

[b-0sb09ak7l4] .k-button-md.k-icon-button.cs-toggle {
    position: absolute;
    right: 3px;
    top: 3px;
    border: 0 !important;
    min-height: 10px;
    min-width: 10px;
    padding: 1px;
    z-index: 100;
    outline: 0 !important;
    box-shadow: unset !important;
}
/* _content/Scarborough-Portal/Pages/BicPage.razor.rz.scp.css */
.email-redo img[b-356trxsgcx] {
    width: 12px;
    filter: invert(16%) sepia(62%) saturate(3846%) hue-rotate(233deg) brightness(105%) contrast(109%);
}

.email-redo[b-356trxsgcx] {
    color: #252aac;
    cursor: pointer;
}

.email-redo:hover[b-356trxsgcx] {
    text-decoration: underline;
}

[b-356trxsgcx] .cs-bic button.min-height-input {
    color: #fff;
    display: flex;
    justify-content: center;
}

[b-356trxsgcx] .cs-bic button.min-height-input span {
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px;
}
[b-356trxsgcx] .k-input.min-height-input input {
    font-size: 15px !important;
    text-align: center;
}
[b-356trxsgcx] .k-input.min-height-input {
    min-height: 48px;
}

[b-356trxsgcx] .upload-btn {
    z-index: 2;
    cursor: pointer;
    color: #3276d5;
    left: -8px;
    position: relative;
    text-align: right;
    opacity: 0;
    z-index: 2;
}
[b-356trxsgcx] upload-cam{
    z-index: 3;
}
[b-356trxsgcx] .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-356trxsgcx] .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) !important;
        z-index:1;
    }

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

[b-356trxsgcx] .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-356trxsgcx] .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-356trxsgcx] .take-photo-btn .k-icon, [b-356trxsgcx] .delete-all-btn .k-icon {
        filter: brightness(0) invert(1);
    }

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

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

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

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

[b-356trxsgcx] .delete-img-btn {
    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-356trxsgcx] .delete-img-btn > span.k-icon.k-i-trash.k-button-icon {
        filter: brightness(1) invert(1);
        zoom: 0.75;
    }

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

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

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

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

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

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

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

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


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

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

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

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

[b-356trxsgcx] table.preservationformtable {
    width: 100%;
    table-layout: fixed;
}


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

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

[b-356trxsgcx] .td-form-check {
    width: 150px;
    text-align: center;
}
/*
#page-content {
    margin-bottom: 120px;
}*/

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

    [b-356trxsgcx] .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-356trxsgcx] .back-button {
        display: none !important;
    }

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

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


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

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

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

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

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

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

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

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

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

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

    [b-356trxsgcx] 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-356trxsgcx] .image-preview-div {
        width: 100%;
        text-align: left;
        padding: 12px;
        column-gap: 14px;
    }

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

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

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

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


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

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

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


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

    div.checklist-mobile-tags[b-356trxsgcx] {
        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-356trxsgcx] .form-header {
        background: #1825aa;
        color: white;
        z-index: 10;
        padding: 20px 16px 8px 16px;
        width: 100%;
        display: flex;
        column-gap: 8px;
    }


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

    [b-356trxsgcx] .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-356trxsgcx] .form-header > div > div > img {
        display: none;
    }

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

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

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

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

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

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

    [b-356trxsgcx] 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-356trxsgcx] .table-container {
        background: white;
    }

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

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


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

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

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

    [b-356trxsgcx] .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-356trxsgcx] .tag-cards {
        width: 100%;
        max-width: 100%;
    }

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

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

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

        [b-356trxsgcx] .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-356trxsgcx] .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-356trxsgcx] .disableUploadBtn {
        pointer-events: none;
        opacity: 0.3;
        filter: grayscale(0.9);
    }

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

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




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

    [b-356trxsgcx] .img-carousel-content {
        width: 100% !important;
        height: 100% !important;
    }
    [b-356trxsgcx] .attachment-btn {
        width: 40px;
        border-radius: 3px;
        height: 40px;
        line-height: 24px;
        cursor: pointer;
    }

        [b-356trxsgcx] .attachment-btn > img {
            left: 12px;
            transform: scale(1.2);
            color: #fff;
        }

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

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

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

    [b-356trxsgcx] .cs-progresscontainer {
        flex: 1 1 auto;
    }
}
/* _content/Scarborough-Portal/Pages/BICSummaryPage.razor.rz.scp.css */
span.badge.badge-Open:hover[b-7ixet0xd7p]:before {
    content: "Mark as Close";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #2126ab;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
span.badge.badge-Open[b-7ixet0xd7p] {
    position: relative;
}
span.badge *[b-7ixet0xd7p]{
    font-size:11px
}
span.badge[b-7ixet0xd7p] {
    width: 100%;
    border-radius: 50px;
    white-space: unset;
}
/* _content/Scarborough-Portal/Pages/DACReportComponent.razor.rz.scp.css */
[b-lukeu5go4p] .k-tilelayout-item-header.k-card-header, [b-lukeu5go4p] .k-card-body {
    padding: 3px;
}
[b-lukeu5go4p] .k-card-body *{
    font-size:12px;
}
[b-lukeu5go4p] .k-tilelayout-item-header.k-card-header * {
    font-size: 12px;
}
/* _content/Scarborough-Portal/Pages/DCNReview/DCNReviewerApproverPage.razor.rz.scp.css */
.color-red[b-cfr0wayc3m] {
    color: red;
}

.border-radius[b-cfr0wayc3m] {
    border-radius: 0.25rem;
}

.p-4[b-cfr0wayc3m] {
    padding: 1.5rem;
}

.m-0[b-cfr0wayc3m] {
    margin: 0;
}

.flex[b-cfr0wayc3m] {
    display: flex;
}

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

.h-100[b-cfr0wayc3m] {
    height: 100%;
}

.w-100[b-cfr0wayc3m] {
    width: 100%;
}

.overflow-auto[b-cfr0wayc3m] {
    overflow: auto;
}

.flex-auto[b-cfr0wayc3m] {
    flex: 1 1 auto;
}

.grid[b-cfr0wayc3m] {
    display: grid;
    gap: 1rem; /* Adjust overall gap as needed */
}

.md\:grid-cols-12[b-cfr0wayc3m] {
    @media (min-width: 768px) {
        grid-template-columns: repeat(12, minmax(0, 1fr));[b-cfr0wayc3m]
    }
}

.md\:col-span-3[b-cfr0wayc3m] {
    @media (min-width: 768px) {
        grid-column: span 3 / span 3;[b-cfr0wayc3m]
    }
}

.md\:col-span-9[b-cfr0wayc3m] {
    @media (min-width: 768px) {
        grid-column: span 9 / span 9;[b-cfr0wayc3m]
    }
}

.font-weight-bold[b-cfr0wayc3m] {
    font-weight: bold;
}

/* Go Back Button Styling */
.go-back-button[b-cfr0wayc3m] {
    padding: 0.75rem 1.5rem;
    border: 1px solid #ccc;
    border-radius: 0.25rem;
    background-color: #f8f9fa;
    color: #495057;
    cursor: pointer;
    font-size: 1rem;
    transition: background-color 0.3s ease;
}

    .go-back-button:hover[b-cfr0wayc3m] {
        background-color: #e9ecef;
    }
/* _content/Scarborough-Portal/Pages/DeviceNewPage.razor.rz.scp.css */
.cs-header[b-f897th0rzl] {
    font-weight: 500;
    border-bottom: 1px solid #dce2f3;
    color: #000;
}
[b-f897th0rzl] .k-chip-solid-base {
    background: #3036d6;
    color: #fff;
    border-radius: 20px;
}
[b-f897th0rzl] .k-chip-solid-base:hover {
    background: #4040eb;
}
[b-f897th0rzl] label {
    font-size: 13px;
    font-weight: 500;
    color: #000;
}
[b-f897th0rzl] .k-button-solid-base.k-selected {
    background: #1cffa4;
    color: #000;
}
[b-f897th0rzl] .cs-toggle .k-button-solid-base:hover {
    background: #4cf392 !important;
}
[b-f897th0rzl] .k-button-solid-base .k-icon {
    opacity: 0.9;
    filter: brightness(0);
}
[b-f897th0rzl] .cs-grid {
    flex: 1 1 0;
    overflow: auto;
}

.device-card[b-f897th0rzl] {
    border-radius: 5px;
    background: #ffffff;
    width: calc(16.67% - 10px);
    border: 1px solid #e7edff;
    min-height: 50px;
    align-self: stretch;
}

.device-title[b-f897th0rzl] {
    flex-direction: column;
    padding: 3px 8px;
    font-weight: 500;
    display: flex;
    align-items: baseline;
    background: #e5ffd4;
    font-size: 12px;
    line-height: 1;
    column-gap: 20px;
    row-gap: 2px;
    border-radius: 5px 5px 0 0;
    cursor: pointer;
    min-height: 18px;
    justify-content: space-between;
}

.device-title.offline[b-f897th0rzl] {
    background: #fde8e6
}

img.device-icon[b-f897th0rzl] {
    width: 14px;
}

.device-detail label[b-f897th0rzl] {
    color: #2126ab;
}

.device-sensor-header[b-f897th0rzl] {
    line-height: 1;
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    line-height: 1;
}

.opacity-5[b-f897th0rzl] {
    opacity: 50%;
}
.device-detail[b-f897th0rzl] {
    padding: 5px;
}
.device-sensor[b-f897th0rzl] {
    cursor: pointer;
    color: #2126ab;
    flex: 1 1 0;
}
    .device-sensor *[b-f897th0rzl] {
        font-size: 12px;
        font-weight: 500;
    }
.device-sensor:last-child[b-f897th0rzl] {
    border-bottom: 0;
}

.filter-blue[b-f897th0rzl] {
    filter: invert(16%) sepia(62%) saturate(3846%) hue-rotate(233deg) brightness(105%) contrast(109%);
}
.devicePin[b-f897th0rzl] {
    position: absolute;
    left: 0;
    top: 0;
    background: #00d346;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    cursor: pointer;
}
.devicePin-status[b-f897th0rzl] {
    position: absolute;
    top: -27px;
    left: 1px;
}
[b-f897th0rzl] tr.k-master-row.k-table-row.item-Api td {
    background: #dadbff;
}
[b-f897th0rzl] tr.k-alt.k-master-row.k-table-row.item-Api td {
    background: #d1d2fb;
}
.item-Api .device-title[b-f897th0rzl] {
    background: #d1d2fb;
}
.deck-container[b-f897th0rzl] {
    border: 6px solid #e1e1fd;
    border-radius: 5px;
    margin-bottom: 5px;
}
.deckname[b-f897th0rzl] {
    padding-top: 10px;
    font-weight: 500;
    color: rgb(55, 55, 216);
    font-size: 17px;
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    text-align: center;
}
[b-f897th0rzl] span.k-treeview-leaf {
    text-wrap: wrap;
    line-height: 1;
}
.device-card:hover[b-f897th0rzl] {
    border: 1px solid #bbc7ed;
    background: #f7f9ff;
}
.k-progressbar .k-selected[b-f897th0rzl] {
    border-color: #2331c3;
    color: #fff;
    background-color: #2635d4;
}
[b-f897th0rzl] .k-progressbar {
    border: 2px solid #e1e1e1;
    width: 41px;
    color: #000;
    background-color: rgb(235, 235, 235);
    height: 18px;
    font-size: 10px;
    margin-right: 10px;
    margin-left: 2px;
    overflow: visible;
    border-radius: 4px;
}
[b-f897th0rzl] .custom-formatting-grey.k-progressbar .k-selected {
    background: linear-gradient(45deg, rgb(235 235 235) 0%, rgb(191 191 191) 100%);
    color: black;
}
[b-f897th0rzl] .custom-formatting-red.k-progressbar .k-selected {
    border-color: #ff0000;
    color: white;
    background: rgb(255,0,0);
    background: linear-gradient(45deg, rgba(255,0,0,1) 0%, rgba(255,102,102,1) 100%);
}
[b-f897th0rzl] .custom-formatting-blue .k-selected.k-progressbar-value {
    border-color: #47ca84;
    color: #001412;
    background: rgb(130, 242, 29);
    background: linear-gradient(45deg, rgba(130, 242, 29, 1) 0%, rgba(71, 202, 132, 1) 100%);
    border-radius: 3px;
    letter-spacing: 0;
}
[b-f897th0rzl] .custom-formatting:before {
    content: "";
    background: #e1e1e1;
    width: 3px;
    height: 10px;
    z-index: 1;
    right: -5px;
    top: 2px;
    border-radius: 0px 2px 2px 0px;
    position: absolute;
}
[b-f897th0rzl] .k-progressbar.custom-formatting-red {
    border-color: #ffa6a6;
}
[b-f897th0rzl] .k-progressbar.custom-formatting-red.custom-formatting:before {
    background: #ffa6a6;
}
[b-f897th0rzl] .custom-formatting:after {
    content: "";
    background: url(images/voltage.png) no-repeat center center;
    position: absolute;
    right: -13px;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: 9px;
}
[b-f897th0rzl] .k-progress-status {
    padding: 3px;
    line-height: 21px;
    letter-spacing: -0.5px;
}
[b-f897th0rzl] .k-progress-status *{
    font-size:11px;
}
.cs-customLegend *[b-f897th0rzl] {
    font-size: 11px;
}
.cs-legendLine[b-f897th0rzl] {
    background-color: #C14029;
    width: 8px;
    height: 8px;
    border-radius: 50%;
}
.cs-legendLabel[b-f897th0rzl]{
    flex: 1 1 0;
    line-height: 1.2;
}
span.font-smaller[b-f897th0rzl] {
    font-size: 9.5px;
    background: rgb(130 229 25);
    padding: 2px 5px;
    border-radius: 20px;
    color: #000000;
}
span.device-latestreading[b-f897th0rzl] {
    font-size: 11px;
    font-style: italic;
    color: #686868;
}
.text-orange[b-f897th0rzl] {
    color: orange;
}

.text-red[b-f897th0rzl] {
    color: red;
}
.alarm-summary[b-f897th0rzl] {
    border: none !important;
    padding: 7px;
    background: #fff !important;
}
/* _content/Scarborough-Portal/Pages/EehaPage.razor.rz.scp.css */
.form-img-preview[b-dr7fj5e6zr] {
    border-radius: 5px;
    padding: 2px;
    border: 1px solid #dedede;
    width: 45px;
    height: 45px;
    object-fit: cover;
}

.form-img-preview-container[b-dr7fj5e6zr] {
    display: flex;
    column-gap: 2px;
    row-gap: 2px;
    width: 100%;
    flex-wrap: wrap;
}

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

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

.image-carousel > img[b-dr7fj5e6zr] {
    max-width: -webkit-fill-available;
    max-height: -webkit-fill-available;
}

[b-dr7fj5e6zr] .take-photo-btn {
    top: 0px;
    background: rgba(0, 0, 0, 0.72);
    border: 1px solid rgba(0, 0, 0, 0.72);
    width: 30px;
    height: 30px;
    cursor: pointer;
    z-index: 1;
    color: rgb(255, 255, 255);
    text-align: center;
    border-radius: 50%;
}

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

span.badge[b-dr7fj5e6zr] {
    width:100%;
}


[b-dr7fj5e6zr] .box-shadow {
    box-shadow: 0px 1px 0px 0px rgb(53 53 53 / 25%);
}


[b-dr7fj5e6zr] .upload-cam {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    background: #ffc926;
    border-radius: 50%;
    cursor: pointer;
}

label.attachment-btn[b-dr7fj5e6zr] {
    width: 30px;
    height: 30px;
    overflow: hidden;
}

[b-dr7fj5e6zr] label.attachment-btn input {
    display: none;
}


[b-dr7fj5e6zr] .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-dr7fj5e6zr] .delete-img-btn > span.k-icon.k-i-trash.k-button-icon {
        filter: brightness(1) invert(1);
        zoom: 0.75;
    }
[b-dr7fj5e6zr] .img-wrap-attachment {
    width: 40px;
    margin-right: 2px;
}
[b-dr7fj5e6zr] .form-img-preview {
    border-radius: 5px;
    padding: 2px;
    border: 1px solid #dedede;
    /* margin-right: 4px; */
    width: 50px;
    object-fit: cover;
    height: 50px;
}
[b-dr7fj5e6zr] .image-preview-div {
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    column-gap: 5px;
    white-space: nowrap;
}
@media(max-width:1400px) {

    [b-dr7fj5e6zr] .cs-compliancebtn {
        display: none;
    }
    span.badge[b-dr7fj5e6zr] {
        width: 100px !important;
        max-width: 100%;
        line-height: 1;
        border-radius: 5px;
    }

    [b-dr7fj5e6zr] .k-toolbar .k-button {
        width: unset;
    }

    [b-dr7fj5e6zr] .k-toolbar-item {
        width: 100%;
        margin-left: 0;
    }

    .cs-sm-container[b-dr7fj5e6zr] {
        padding: 0 !important;
    }

        .cs-sm-container h1[b-dr7fj5e6zr] {
            background: #1825aa;
            color: white;
            z-index: 10;
            padding: 16px;
            width: 100%;
            display: flex;
            column-gap: 8px;
            margin-bottom: 0px;
        }

        .cs-sm-container #page-content[b-dr7fj5e6zr] {
            padding: 15px;
        }

 /*   ::deep .k-grid-content tr, ::deep .k-grid-content td, ::deep .k-grid-content table, ::deep .k-table-tbody {
        display: block !important;
        width: 100% !important;
        position: relative !important;
        max-width: 100% !important;
        left: 0px !important;
        background: transparent !important;
        min-width: 100% !important;
        box-sizing: border-box;
    }*/

    .cs-sm-container[b-dr7fj5e6zr]  .k-grid-header {
        display: none;
    }

   /* ::deep .k-grid .k-table-td:first-child {
        background: #424242 !important;
        color: #fff;
        font-size: 14px;
        font-weight: 500;
    }*/

    [b-dr7fj5e6zr] .k-grid .k-table-td {
        border-left: 1px solid rgba(0,0,0,0.08) !important;
        border-right: 1px solid rgba(0,0,0,0.08) !important;
        padding: 5px;
    }

    .sp-remarks[b-dr7fj5e6zr] {
        font-weight: 400;
        border: 1px solid lightgray;
        background: #ebebeb;
        color: #212529;
        width: 100%;
        padding: 7px;
        border-radius: 5px;
    }

    .sp.sp-label[b-dr7fj5e6zr] {
        min-width: 110px;
        font-weight: 500;
    }

    .sp-images[b-dr7fj5e6zr] {
        background: #eee;
        border: 2px solid #ddd;
        border-radius: 5px;
        padding: 8px;
    }

    .sp-images-defect[b-dr7fj5e6zr] {
        background: #ffefef;
        border-color: #ffbaba;
    }

    .sp-images-rectification[b-dr7fj5e6zr] {
        background: #f6fff2;
        border-color: #bbf9a3;
    }

    [b-dr7fj5e6zr] .take-photo-btn {
        border-radius: 5px;
        width: 40px;
        height: 40px;
    }

        [b-dr7fj5e6zr] .take-photo-btn .k-icon, [b-dr7fj5e6zr] .delete-all-btn .k-icon {
            zoom: 1.2;
        }

    [b-dr7fj5e6zr] .k-grid .k-table-td:last-child {
        padding: 10px 10px 20px 10px;
    }

    [b-dr7fj5e6zr] label.attachment-btn, [b-dr7fj5e6zr] .upload-cam {
        width: 40px;
        height: 40px;
        overflow: hidden;
        border-radius: 5px;
    }

    .customImageUploadEeha[b-dr7fj5e6zr] {
        bottom: 0;
        width: 100%;
        height: auto;
    }

    div::deep .k-form-layout[b-dr7fj5e6zr] {
        position: relative;
        padding-bottom: 50px;
    }

    .cs-customeehaPopup .flex-0[b-dr7fj5e6zr] {
        width: 100%;
        margin-bottom: 11px;
    }
    /* .cs-customeehaPopup-inner {
        flex-direction: column-reverse !important;
    }*/
    
    

   


    [b-dr7fj5e6zr] button.cs-saveChanges * {
        font-size: 14px;
    }

    [b-dr7fj5e6zr] button.cs-saveChanges {
        padding: 10px 20px;
        height: 38px;
    }

    [b-dr7fj5e6zr] .k-input-value-text {
        font-size: 14px;
    }
}

span.attachment-name[b-dr7fj5e6zr] {
    width: 100%;
    white-space: break-spaces;
    word-break: break-word;
}
/*
@media(max-width:750px) {
    .cs-compliancePopup {
        display: none;
    }
}
*/
[b-dr7fj5e6zr] .k-splitter-flex.k-splitter-horizontal {
    column-gap: 3px;
}
[b-dr7fj5e6zr] .image-preview-div.image-preview-popup {
    column-gap: 20px;
}
[b-dr7fj5e6zr] .cs-customeehaPopup-form {
    padding: 20px 10px;
}
[b-dr7fj5e6zr] img.form-img-preview.cs-eeha-mobileimg {
    width: 90px;
    height: 90px;
}
[b-dr7fj5e6zr] .customImageUploadPopup .thumbnail {
    width: 90px;
    height: 90px;
}
[b-dr7fj5e6zr] .customImageUploadPopup .img-wrap-attachment {
    width: 90px;
    margin-right: 2px;
}
[b-dr7fj5e6zr] .attachment-name {
    white-space: break-spaces;
    word-break: break-all;
    font-size: 10px;
    line-height: 1;
}
[b-dr7fj5e6zr] .cs-eeha-mobileattachment .upload-cam, [b-dr7fj5e6zr] .cs-eeha-mobileattachment.attachment-btn, [b-dr7fj5e6zr] .upload-cam {
    width: 40px;
    height: 40px;
    border-radius: 5px;
}
[b-dr7fj5e6zr] .upload-cam .k-icon{
    filter: unset;
    transform: scale(1.3)
}
[b-dr7fj5e6zr] .cs-eeha-mobileattachment .upload-cam:hover {
    background: #fdbe00;
}
[b-dr7fj5e6zr] .customImageUploadPopup .delete-img-btn {
    width: 30px;
    height: 30px;
    top: -28px;
}
[b-dr7fj5e6zr] .customImageUploadPopup .delete-img-btn .k-icon:before {
    zoom: 1.3
}
[b-dr7fj5e6zr] .cs-eeha-mobileattachment img {
    width: 22px;
}
/* _content/Scarborough-Portal/Pages/FBMIRegisterPage.razor.rz.scp.css */
[b-csyj4vywi5] .k-form-layout {
    flex: 1 1 auto;
    overflow: auto;
}

[b-csyj4vywi5] .k-form .k-form-field {
    padding: 0;
    margin: 0;
}

[b-csyj4vywi5] .take-photo-btn {
    width: 47px;
    height: 47px;
}

    [b-csyj4vywi5] .take-photo-btn .k-icon {
        zoom: 1.5;
    }

.img-wrap-attachment[b-csyj4vywi5] {
    display: flex;
    align-items: center;
    width: 100%;
    column-gap: 2px;
    border-top: 1px solid #d2dcf2;
    padding: 10px 0;
}

[b-csyj4vywi5] .k-upload {
    max-width: calc(100% - 55px);
}

@media(max-width:600px) {
    [b-csyj4vywi5] .k-upload {
        max-width: 100%;
    }
}
/* _content/Scarborough-Portal/Pages/FunctionMatrixPage.razor.rz.scp.css */
[b-e2q1cnie0z] .header-punchGroup-background, [b-e2q1cnie0z] .header-punchGroup-background * {
    padding: 0 !important;
    margin: 1px 0 !important;
}

[b-e2q1cnie0z] .header-punch-background, [b-e2q1cnie0z] .header-punch-background * {
    font-weight: 500 !important;
    margin: 1px 0 !important;
}

[b-e2q1cnie0z] .header-punchD-background, [b-e2q1cnie0z] .header-punchD-background * {
    font-weight: 500 !important;
    margin: 1px 0 !important;
}

[b-e2q1cnie0z] .header-mcGroup-background, [b-e2q1cnie0z] .header-mcGroup-background * {
    padding: 0 3px !important;
    margin: 1px 0 !important;
}

[b-e2q1cnie0z] .header-mc-background, [b-e2q1cnie0z] .header-mc-background * {
    padding: 0 !important;
    margin: 1px 0 !important;
}

[b-e2q1cnie0z] .header-mcD-background, [b-e2q1cnie0z] .header-mcD-background * {
    padding: 0 !important;
    margin: 1px 0 !important;
}

[b-e2q1cnie0z] .header-pcGroup-background, [b-e2q1cnie0z] .header-pcGroup-background * {
    padding: 0 3px !important;
    margin: 1px 0 !important;
}

[b-e2q1cnie0z] .header-pc-background, [b-e2q1cnie0z] .header-pc-background * {
    padding: 0 !important;
    margin: 1px 0 !important;
}

[b-e2q1cnie0z] .header-pcD-background, [b-e2q1cnie0z] .header-pcD-background * {
    padding: 0 !important;
    margin: 1px 0 !important;
}
/* _content/Scarborough-Portal/Pages/FunctionMatrixTogglePage.razor.rz.scp.css */
[b-x816p5rox9] .header-punchGroup-background, [b-x816p5rox9] .header-punchGroup-background * {
    padding: 0 !important;
    margin: 1px 0 !important;
}

[b-x816p5rox9] .header-punch-background, [b-x816p5rox9] .header-punch-background * {
    font-weight: 500 !important;
    margin: 1px 0 !important;
}

[b-x816p5rox9] .header-punchD-background, [b-x816p5rox9] .header-punchD-background * {
    font-weight: 500 !important;
    margin: 1px 0 !important;
}

[b-x816p5rox9] .header-mcGroup-background, [b-x816p5rox9] .header-mcGroup-background * {
    padding: 0 3px !important;
    margin: 1px 0 !important;
}

[b-x816p5rox9] .header-mc-background, [b-x816p5rox9] .header-mc-background * {
    padding: 0 !important;
    margin: 1px 0 !important;
}

[b-x816p5rox9] .header-mcD-background, [b-x816p5rox9] .header-mcD-background * {
    padding: 0 !important;
    margin: 1px 0 !important;
}

[b-x816p5rox9] .header-pcGroup-background, [b-x816p5rox9] .header-pcGroup-background * {
    padding: 0 3px !important;
    margin: 1px 0 !important;
}

[b-x816p5rox9] .header-pc-background, [b-x816p5rox9] .header-pc-background * {
    padding: 0 !important;
    margin: 1px 0 !important;
}

[b-x816p5rox9] .header-pcD-background, [b-x816p5rox9] .header-pcD-background * {
    padding: 0 !important;
    margin: 1px 0 !important;
}
/* _content/Scarborough-Portal/Pages/IsolationRegisterPage.razor.rz.scp.css */
[b-o7vrtoa2qu] .k-grid .k-grid-header .k-table-th {
    white-space: initial;
    padding-right: 30px;
}
/* _content/Scarborough-Portal/Pages/MOCForm.razor.rz.scp.css */
.ph2b-form[b-wm5op9rtfj] {
    margin: 0 auto;
    max-width: 100%;
    background: transparent;
}

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

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

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

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

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

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

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

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

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

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

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

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

span.cs-btn[b-wm5op9rtfj] {
    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-wm5op9rtfj] {
    width: 500px;
    border-bottom: 1px solid #eee;
    padding: 10px 0;
}

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

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

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

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


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

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

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

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

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

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

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

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

.approval-bullets[b-wm5op9rtfj] {
    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-wm5op9rtfj] button.resend-cs.k-button {
    background: #efffdc;
    color: #333;
    border-color: #aed581;
}

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

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

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

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

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

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

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

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

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

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

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

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

[b-wm5op9rtfj].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-wm5op9rtfj] {
    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;
    margin-top: 10px;
}

.moc-item[b-wm5op9rtfj] {
    border-bottom: 1px solid #d9d9d9;
    padding: 25px;
}
.moc-item:last-child[b-wm5op9rtfj] {
    border-bottom: 0;
}
[b-wm5op9rtfj] button.no-pointer {
    cursor: text !important;
}
.form-section[b-wm5op9rtfj] {
    border-left: 6px solid #6d757d70;
}
.cs-tabledetail[b-wm5op9rtfj] {
    background: #fff;
    border-radius: 5px;
}

.cs-tabledetail td[b-wm5op9rtfj], .cs-tabledetail th[b-wm5op9rtfj] {
    border-color: #abb0e9;
    padding: 2px 5px !important;
}
.cs-tabledetail th[b-wm5op9rtfj] {
    background: #e3e4ef;
}
/* _content/Scarborough-Portal/Pages/MOCPage.razor.rz.scp.css */
.ph2b-form[b-04ngx0pgf6] {
    margin: 0 auto;
    max-width: 100%;
    background: transparent;
}

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

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

.ph2b-form .form-group[b-04ngx0pgf6] {
    width: 100%;
    max-width: calc(50% - 8px);
}
label[b-04ngx0pgf6] {
    display: block;
    padding-left: 15px;
    text-indent: -15px;
}

input[b-04ngx0pgf6] {
    width: 15px;
    height: 15px;
    padding: 0;
    margin: 0;
    vertical-align: bottom;
    position: relative;
    top: -1px;
}
.punch-filebox[b-04ngx0pgf6] {
    width: calc(33% - 8px);
}

.moc-images[b-04ngx0pgf6] {
    max-height: 200px;
    overflow: auto;
    padding: 0 10px;
}
.image-carousel > img[b-04ngx0pgf6] {
    object-fit: contain;
    width: 100%;
    /* height: auto; */
}
.form-img-preview[b-04ngx0pgf6] {
    border-radius: 5px;
    padding: 2px;
    border: 1px solid #dedede;
    width: 60px;
    height: 60px;
    object-fit: cover;
}

.form-img-preview-container[b-04ngx0pgf6] {
    display: flex;
    column-gap: 2px;
    row-gap: 2px;
    width: 100%;
    flex-wrap: wrap;
}
/* _content/Scarborough-Portal/Pages/PersonnelPage.razor.rz.scp.css */
[b-3n8x2kmzm0] .img-wrap-attachment {
    width: 40px;
    margin-right: 2px;
}

[b-3n8x2kmzm0] .delete-img-btn {
    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-3n8x2kmzm0] .delete-img-btn > span.k-icon.k-i-trash.k-button-icon {
        filter: brightness(1) invert(1);
        zoom: 0.75;
    }

    [b-3n8x2kmzm0] .delete-img-btn:hover {
        background-color: #f32a26;
        border: 1px solid #f32a26;
    }
/* _content/Scarborough-Portal/Pages/PreservationForm.razor.rz.scp.css */

/*::deep .camera-btn {
    display: none;
}*/
.cs-form-container[b-6qdwkupoi9] {
    padding: 1.5rem;
}
[b-6qdwkupoi9] .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-6qdwkupoi9] .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-6qdwkupoi9] .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-6qdwkupoi9] .attachment-btn:hover {
        background-color: #0077d6;
        border: 1px solid #0077d6;
    }

[b-6qdwkupoi9] .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-6qdwkupoi9] .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-6qdwkupoi9] .take-photo-btn .k-icon, [b-6qdwkupoi9] .delete-all-btn .k-icon {
    filter: brightness(0) invert(1);
}
[b-6qdwkupoi9] .take-photo-btn img, [b-6qdwkupoi9] .delete-all-btn img {
    filter: brightness(0) invert(1);
    width: 18px;
    min-width: unset !important;
    min-height: unset !important;
}

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

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

[b-6qdwkupoi9] .img-wrap-attachment {
    width:40px;
    margin-right:2px;
}
[b-6qdwkupoi9] .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-6qdwkupoi9] .delete-img-btn > span.k-icon.k-i-trash.k-button-icon {
    filter: brightness(1) invert(1);
    zoom: 0.75;
}

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


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

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

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

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

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

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

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



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

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

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

    [b-6qdwkupoi9] .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-6qdwkupoi9] .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-6qdwkupoi9] .logo-mobile {
    display: none;
}


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

[b-6qdwkupoi9] .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-6qdwkupoi9] .card-horizontal-scroll {
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    margin: 0px 0px 16px 0px;

}


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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


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

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

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


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

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

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

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

[b-6qdwkupoi9] .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-6qdwkupoi9] .card-tag-detail {
    font-size: 11px;
    color: #666;
    letter-spacing: .1px;
    line-height: normal;
    font-weight: 400;
    text-align: left;
    padding-top: 2px;
}

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

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

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

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


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

[b-6qdwkupoi9] .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-6qdwkupoi9] {
    margin-bottom: 120px;
}

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

    [b-6qdwkupoi9] .badge-group-name {
        white-space: normal;
        text-align: left;
        column-gap: 8px;
        margin-left:0
    }
    [b-6qdwkupoi9] .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-6qdwkupoi9] .back-button {
        display: none !important;
    }

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

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


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

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

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

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

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

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

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

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

    [b-6qdwkupoi9] 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-6qdwkupoi9] .image-preview-div {
        width: 100%;
        text-align: left;
        padding: 12px;
        column-gap: 14px;
    }

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

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

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


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

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

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


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

    div.checklist-mobile-tags[b-6qdwkupoi9] {
        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-6qdwkupoi9] .form-header {
        background: #1825aa;
        color: white;
        z-index: 10;
        padding: 20px 16px 8px 16px;
        width: 100%;
        display: flex;
        column-gap: 8px;
    }


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

    [b-6qdwkupoi9] .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-6qdwkupoi9] .form-header > div > div > img {
        display: none;
    }

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

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

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

    [b-6qdwkupoi9] 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-6qdwkupoi9] .table-container {
        background: white;
    }

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

    }

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


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

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

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

    [b-6qdwkupoi9] .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-6qdwkupoi9] .tag-cards {
        width: 100%;
        max-width:100%;
    }

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

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

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

        [b-6qdwkupoi9] .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-6qdwkupoi9] .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-6qdwkupoi9] .disableUploadBtn {
        pointer-events: none;
        opacity: 0.3;
        filter: grayscale(0.9);
    }

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




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

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

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

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

}
/* _content/Scarborough-Portal/Pages/PreservationPunch.razor.rz.scp.css */
.form-img-preview[b-ox8z1rx92x] {
    border-radius: 5px;
    padding: 2px;
    border: 1px solid #dedede;
    width: 45px;
    height: 45px;
    object-fit: cover;
}

.form-img-preview-container[b-ox8z1rx92x] {
    display: flex;
    column-gap: 2px;
    row-gap: 2px;
    width: 100%;
    flex-wrap: wrap;
}

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

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

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

[b-ox8z1rx92x] .take-photo-btn {
    top: 0px;
    background: rgba(0, 0, 0, 0.72);
    border: 1px solid rgba(0, 0, 0, 0.72);
    width: 30px;
    height: 30px;
    cursor: pointer;
    z-index: 1;
    color: rgb(255, 255, 255);
    text-align: center;
    border-radius: 50%;
}

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

span.badge[b-ox8z1rx92x] {
    border-radius: 10px;
    width:100%;
}

[b-ox8z1rx92x] .cs-mark-complete {
    border: 2px solid #53cc26;
    padding: 3px 5px;
    border-radius: 5px;
    background: #fff;
    column-gap: 0;
}

    [b-ox8z1rx92x] .cs-mark-complete .k-icon {
        filter: invert(74%) sepia(39%) saturate(6530%) hue-rotate(67deg) brightness(153%) contrast(121%);
        transform: scale(0.7);
    }

    [b-ox8z1rx92x] .cs-mark-complete:hover .k-icon {
        filter: brightness(0) invert(1);
    }

    [b-ox8z1rx92x] .cs-mark-complete:hover {
        background: #33ce1a;
        border-color: #33ce1a;
    }

[b-ox8z1rx92x] .box-shadow {
    box-shadow: 0px 1px 0px 0px rgb(53 53 53 / 25%);
}

[b-ox8z1rx92x] .take-photo-btn:hover {
    background: #ff8300;
    border-color: #ff8300;
}


    [b-ox8z1rx92x] .cs-mark-complete .k-button-text {
        color: #53cc26;
        font-weight: 500;
        font-size: 11px;
    }

    [b-ox8z1rx92x] .cs-mark-complete:hover .k-button-text {
        color: #fff;
    }

.upload-cam[b-ox8z1rx92x] {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    background: #ffc926;
    border-radius: 50%;
    cursor: pointer;
}

label.attachment-btn[b-ox8z1rx92x] {
    width: 35px;
    height: 35px;
    overflow: hidden;
}

.upload-cam img[b-ox8z1rx92x] {
    width: 15px;
}

.upload-cam:hover[b-ox8z1rx92x] {
    background: #fdbe00;
}
[b-ox8z1rx92x] label.attachment-btn input {
    display: none;
}
span.badge.badge-OPEN:hover[b-ox8z1rx92x]:before {
    content: "Mark as Close";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #2126ab;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

span.badge.badge-OPEN[b-ox8z1rx92x] {
    position: relative;
}
@media(max-width:600px) {
    span.badge[b-ox8z1rx92x] {
        width: 80px !important;
        line-height: 1;
    }
    [b-ox8z1rx92x] .k-toolbar .k-button {
        width: unset;
    }

    [b-ox8z1rx92x] .k-toolbar-item {
        width: 100%;
        margin-left: 0;
    }

    .cs-sm-container[b-ox8z1rx92x] {
        padding: 0 !important;
    }

    .cs-sm-container h1[b-ox8z1rx92x] {
        background: #1825aa;
        color: white;
        z-index: 10;
        padding: 16px;
        width: 100%;
        display: flex;
        column-gap: 8px;
        margin-bottom: 0px;
    }

    .cs-sm-container #page-content[b-ox8z1rx92x] {
        padding: 15px;
    }

    [b-ox8z1rx92x] .k-grid-content tr, [b-ox8z1rx92x] .k-grid-content td, [b-ox8z1rx92x] .k-grid-content table, [b-ox8z1rx92x] .k-table-tbody {
        display: block !important;
        width: 100% !important;
        position: relative !important;
        max-width: 100% !important;
        left: 0px !important;
        background: transparent !important;
        min-width: 100% !important;
        box-sizing: border-box;
    }

    .cs-sm-container[b-ox8z1rx92x]  .k-grid-header {
        display: none;
    }

    [b-ox8z1rx92x] .k-grid .k-table-td:first-child {
        background: #424242 !important;
        color: #fff;
        font-size: 14px;
        font-weight: 500;
    }

    [b-ox8z1rx92x] .k-grid .k-table-td {
        border-left: 1px solid rgba(0,0,0,0.08) !important;
        border-right: 1px solid rgba(0,0,0,0.08) !important;
        padding: 5px;
    }
    .sp-remarks[b-ox8z1rx92x] {
        font-weight: 400;
        border: 1px solid lightgray;
        background: #ebebeb;
        color: #212529;
        width: 100%;
        padding: 7px;
        border-radius: 5px;
    }

    .sp.sp-label[b-ox8z1rx92x] {
        min-width: 110px;
        font-weight: 500;
    }

    .sp-images[b-ox8z1rx92x] {
        background: #eee;
        border: 2px solid #ddd;
        border-radius: 5px;
        padding: 8px;
    }
    .sp-images-defect[b-ox8z1rx92x] {
        background: #ffefef;
        border-color: #ffbaba;
    }
    .sp-images-rectification[b-ox8z1rx92x] {
        background: #f6fff2;
        border-color: #bbf9a3;
    }
    
    [b-ox8z1rx92x] .take-photo-btn {
        border-radius: 5px;
        width: 40px;
        height: 40px;
    }
    [b-ox8z1rx92x] .take-photo-btn .k-icon, [b-ox8z1rx92x] .delete-all-btn .k-icon {
        zoom:1.2;
    }
    [b-ox8z1rx92x] .k-grid .k-table-td:last-child {
        padding: 10px 10px 20px 10px;
    }
    label.attachment-btn[b-ox8z1rx92x], .upload-cam[b-ox8z1rx92x] {
        width: 40px;
        height: 40px;
        overflow: hidden;
        border-radius:5px;
    }
}
/* _content/Scarborough-Portal/Pages/PTWFormPage.razor.rz.scp.css */

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

[b-y64ccec4c8] .cs-ptw-form > form {
    height: 100%;
    overflow: auto;
}
[b-y64ccec4c8] .upload-btn {
    z-index: 2;
    cursor: pointer;
    color: #3276d5;
    text-align: right;
    opacity: 0;
    position: absolute;
    left: 0;
    height: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.upload-cam[b-y64ccec4c8] {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    background: #ffc926;
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
}

label.attachment-btn[b-y64ccec4c8] {
    width: 35px;
    height: 35px;
    overflow: hidden;
    position: relative;
}

.upload-cam img[b-y64ccec4c8] {
    width: 15px;
}


[b-y64ccec4c8] .attachment-btn {
    top: 0;
    border: 1px solid #004fc6;
    width: 30px;
    background: #004fc6;
    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-y64ccec4c8] .attachment-btn > img {
        filter: brightness(0) invert(1);
    }

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

[b-y64ccec4c8] .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-y64ccec4c8] .take-photo-btn {
    top: 0;
    background: #45b816;
    border: 1px solid #45b816;
    width: 34px;
    border-radius: 3px;
    height: 34px;
    cursor: pointer;
    z-index: 0;
    color: #fff;
    text-align: center;
    border-radius: 50%;
}

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

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

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

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

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

[b-y64ccec4c8] .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-y64ccec4c8] .delete-img-btn > span.k-icon.k-i-trash.k-button-icon {
        filter: brightness(1) invert(1);
        zoom: 0.75;
    }

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


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

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

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

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

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

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

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



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

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

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

    [b-y64ccec4c8] .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-y64ccec4c8] .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-y64ccec4c8] .logo-mobile {
    display: none;
}


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

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

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

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

[b-y64ccec4c8] .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-y64ccec4c8] .card-horizontal-scroll {
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    margin: 0px 0px 16px 0px;
}


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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


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

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

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


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

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

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

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

[b-y64ccec4c8] .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-y64ccec4c8] .card-tag-detail {
    font-size: 11px;
    color: #666;
    letter-spacing: .1px;
    line-height: normal;
    font-weight: 400;
    text-align: left;
    padding-top: 2px;
}

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

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

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

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


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

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

[b-y64ccec4c8] .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-y64ccec4c8] {
    margin-bottom: 120px;
}

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width:600px) {
    .sp-td-radio-label *[b-y64ccec4c8] {
        font-size: 10px;
    }
    .sp-images[b-y64ccec4c8] {
        flex-direction: column;
        align-items: start !important;
        justify-content: start !important;
    }
    tr.cs-th-3[b-y64ccec4c8] {
        font-weight: 300;
        text-transform: uppercase;
        background: #424242;
        color: #fff;
    }
    tr.cs-th-3 *[b-y64ccec4c8] {
        font-size: 13px !important;
        font-weight: 500;
    }
    .cs-form-container[b-y64ccec4c8] {
        overflow: unset !important;
        padding: 0;
    }

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

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

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

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

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

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


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

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

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

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

    [b-y64ccec4c8] .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-y64ccec4c8] .back-button {
        display: none !important;
    }

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

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


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

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

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

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

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

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

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

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

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

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

    [b-y64ccec4c8] 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-y64ccec4c8] .image-preview-div {
        width: 100%;
        text-align: left;
        column-gap: 14px;
    }

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

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

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

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


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

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

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


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

    div.checklist-mobile-tags[b-y64ccec4c8] {
        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-y64ccec4c8] .form-header {
        background: #1825aa;
        color: white;
        z-index: 10;
        padding: 20px 16px 8px 16px;
        width: 100%;
        display: flex;
        column-gap: 8px;
    }


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

    [b-y64ccec4c8] .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-y64ccec4c8] .form-header > div > div > img {
        display: none;
    }

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

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

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

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

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

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

    [b-y64ccec4c8] 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-y64ccec4c8] .table-container {
        background: white;
    }

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

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


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

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

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

    [b-y64ccec4c8] .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-y64ccec4c8] .tag-cards {
        width: 100%;
        max-width: 100%;
    }

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

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

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

        [b-y64ccec4c8] .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-y64ccec4c8] .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-y64ccec4c8] .disableUploadBtn {
        pointer-events: none;
        opacity: 0.3;
        filter: grayscale(0.9);
    }

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

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




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

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

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

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

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

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

    [b-y64ccec4c8] .cs-progresscontainer {
        flex: 1 1 auto;
    }
    .cs-form-header[b-y64ccec4c8] {
        flex-direction: column;
        row-gap: 5px;
    }

    .cs-form-header-btn[b-y64ccec4c8] {
        width: 100%;
    }

    .cs-form-header > *[b-y64ccec4c8] {
        width: 100%;
    }
}
/* _content/Scarborough-Portal/Pages/PunchFilesPage.razor.rz.scp.css */
[b-ghtvx9g99t] .k-upload .k-dropzone, [b-ghtvx9g99t] .k-upload .k-upload-dropzone {
    background: rgb(246 247 255);
    border: 1px dashed rgb(201 204 231) !important;
    outline: none;
    border-radius: 3px;
    box-shadow: none;
}

[b-ghtvx9g99t] .k-upload {
    border-color: rgb(246 247 255);
}

[b-ghtvx9g99t] .k-upload-button-wrap {
    margin-right: 10px;
}

[b-ghtvx9g99t] .k-upload .k-dropzone .k-dropzone-hint {
    color: #4d4d7b;
}

[b-ghtvx9g99t] .k-upload .k-upload-button {
    background: rgb(234 234 255);
    border-color: rgb(234 234 255);
    color: #4d4d7b;
    font-weight: 500;
}
.punch-filebox[b-ghtvx9g99t] {
    width: calc(33% - 8px);
}
.punch-images[b-ghtvx9g99t] {
    max-height: 200px;
    overflow: auto;
    padding: 0 10px;
}
[b-ghtvx9g99t] .k-upload .k-upload-button:hover {
    background: rgb(211 211 247);
    color: #282849;
}
@media(max-width: 900px){
    .punch-filebox[b-ghtvx9g99t]{
        width: calc(50% - 10px);
    }
}
[b-ghtvx9g99t] .cs-virtualize > *:first-child, [b-ghtvx9g99t]  .cs-virtualize > *:last-child {
    width: 100% !important;
    flex: unset;
}
/* _content/Scarborough-Portal/Pages/PunchInputPage.razor.rz.scp.css */
span.badge[b-pv7cvxpmsq] {
    white-space: unset;
    text-wrap: unset;
    width: 100%;
}
/* _content/Scarborough-Portal/Pages/RosterLeaveManagementMatrixPage.razor.rz.scp.css */
[b-ycyfylui12] .header-punchGroup-background, [b-ycyfylui12] .header-punchGroup-background * {
    padding: 0 !important;
    margin: 1px 0 !important;
}

[b-ycyfylui12] .header-punch-background, [b-ycyfylui12] .header-punch-background * {
    font-weight: 500 !important;
    margin: 1px 0 !important;
}

[b-ycyfylui12] .header-punchD-background, [b-ycyfylui12] .header-punchD-background * {
    font-weight: 500 !important;
    margin: 1px 0 !important;
}

[b-ycyfylui12] .header-mcGroup-background, [b-ycyfylui12] .header-mcGroup-background * {
    padding: 0 3px !important;
    margin: 1px 0 !important;
}

[b-ycyfylui12] .header-mc-background, [b-ycyfylui12] .header-mc-background * {
    padding: 0 !important;
    margin: 1px 0 !important;
}

[b-ycyfylui12] .header-mcD-background, [b-ycyfylui12] .header-mcD-background * {
    padding: 0 !important;
    margin: 1px 0 !important;
}

[b-ycyfylui12] .header-pcGroup-background, [b-ycyfylui12] .header-pcGroup-background * {
    padding: 0 3px !important;
    margin: 1px 0 !important;
}

[b-ycyfylui12] .header-pc-background, [b-ycyfylui12] .header-pc-background * {
    padding: 0 !important;
    margin: 1px 0 !important;
}

[b-ycyfylui12] .header-pcD-background, [b-ycyfylui12] .header-pcD-background * {
    padding: 0 !important;
    margin: 1px 0 !important;

}

[b-ycyfylui12] .dropdown-width .k-multiselect {
    width: 350px !important;
}

[b-ycyfylui12] .dropdown-width .k-multiselect-wrap {
    width: 350px !important;
}
/* _content/Scarborough-Portal/Pages/RosterLeaveRequestFormPage.razor.rz.scp.css */
/* Base Styles */
body[b-drfcea9qpa] {
    font-family: Arial, sans-serif;
    color: #333;
    background-color: #f0f2f5;
    margin: 0;
    padding: 0;
}

/* Form Container */
.form-container[b-drfcea9qpa] {
    width: 100%; /* Full width to utilize available space */
    margin: 20px auto;
    padding: 20px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* Section Styles */
.form-section[b-drfcea9qpa] {
    margin-bottom: 20px;
    padding: 20px;
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 8px;
}

    .form-section h4[b-drfcea9qpa] {
        margin-bottom: 20px;
        font-size: 1.4rem;
        color: #0056b3;
        border-bottom: 2px solid #0056b3;
        padding-bottom: 10px;
    }

/* Flexbox for Row Layout */
.flex-row[b-drfcea9qpa] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

/* Half Width Sections */
.flex-half[b-drfcea9qpa] {
    flex: 1;
}

/* Table Styles */
.form-table[b-drfcea9qpa] {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 10px;
}

    .form-table colgroup col[b-drfcea9qpa] {
        width: auto;
    }

    .form-table th[b-drfcea9qpa], .form-table td[b-drfcea9qpa] {
        padding: 12px;
        text-align: left;
        vertical-align: middle;
        font-size: 0.95rem;
    }

    .form-table th[b-drfcea9qpa] {
        background-color: #e9ecef;
        border-bottom: 2px solid #ccc;
        font-weight: 600;
        color: #333;
    }

    .form-table td[b-drfcea9qpa] {
        background-color: #fff;
        border-bottom: 1px solid #e0e0e0;
    }

/* Form Input Elements */
input[type="text"][b-drfcea9qpa],
input[type="date"][b-drfcea9qpa],
input[type="number"][b-drfcea9qpa],
input[type="email"][b-drfcea9qpa],
.telerik-input[b-drfcea9qpa] {
    width: 100%;
    padding: 10px;
    border: 1px solid #ced4da;
    border-radius: 4px;
    font-size: 1rem;
    color: #495057;
    background-color: #fff;
}

input[disabled][b-drfcea9qpa] {
    background-color: #e9ecef;
    cursor: not-allowed;
}

input[type="checkbox"][b-drfcea9qpa] {
    margin-right: 10px;
}

input[type="text"]:focus[b-drfcea9qpa],
input[type="date"]:focus[b-drfcea9qpa],
input[type="email"]:focus[b-drfcea9qpa],
input[type="number"]:focus[b-drfcea9qpa] {
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

/* Labels */
label[b-drfcea9qpa] {
    font-weight: 600;
    margin-bottom: 5px;
    display: inline-block;
    color: #495057;
}

/* Form Button */
.telerik-button[b-drfcea9qpa] {
    background-color: #0056b3;
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 1rem;
}

    .telerik-button:hover[b-drfcea9qpa] {
        background-color: #004494;
    }

/* Footer for Totals */
tfoot td[b-drfcea9qpa] {
    font-weight: bold;
    color: #333;
    background-color: #f8f9fa;
}

.alert-danger[b-drfcea9qpa] {
    color: red;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    padding: 10px;
    border-radius: 5px;
    margin-top: 10px;
}


/* Full width for bigger screens */
@media (min-width: 1200px) {
    .form-container[b-drfcea9qpa] {
        padding: 20px 40px; /* Expand padding for large screens */
        width: calc(100% - 60px); /* Takes up more space, reduces side margins */
    }
}
/* _content/Scarborough-Portal/Pages/SCRFormPage.razor.rz.scp.css */
[b-f1unwwfebe] .k-form-layout {
    flex: 1 1 auto;
    overflow: auto;
}
[b-f1unwwfebe] .k-form .k-form-field{
    padding:0;
    margin:0;
}
[b-f1unwwfebe] .take-photo-btn {
    width: 47px;
    height: 47px;
}
[b-f1unwwfebe] .take-photo-btn .k-icon {
    zoom: 1.5;
}
.img-wrap-attachment[b-f1unwwfebe] {
    display: flex;
    align-items: center;
    width: 100%;
    column-gap: 2px;
    border-top: 1px solid #d2dcf2;
    padding: 10px 0;
}
[b-f1unwwfebe] .k-upload {
    max-width: calc(100% - 55px);
}
/* _content/Scarborough-Portal/Pages/SkylinePage.razor.rz.scp.css */
label[b-16oaoj1i25] {
    font-size: 13px;
    margin-bottom: 0
}

.yaxis-label[b-16oaoj1i25] {
    background-color: #1825aa;
    margin-bottom: -1px;
    z-index:1
}

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



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

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

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

.subsystem-table[b-16oaoj1i25] {
    margin-left: 125px;
    background: #f3f2f2;
    border: 1px solid #000;
    position: relative;
    border-left: 0px;
}

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

.data-column .skyline-item[b-16oaoj1i25] {
    margin: 0px;
    border: 1px solid #0000005e;
    border-bottom: none;
    text-align: center;
    width: 76px;
    white-space: nowrap;
    height: 21px;
    margin-right: -1px;
    padding: 1px;
}
.skyline-item.item-incomplete[b-16oaoj1i25] {
    background: #FF7F11;
}
.skyline-item.item-completed[b-16oaoj1i25] {
    background: #6CC04A;
}

.skyline-item.item-late[b-16oaoj1i25] {
    background: red;
}
.skyline-item.item-interim[b-16oaoj1i25] {
    background: #5cbce9;
}
/*.data-column .skyline-item:hover {
    opacity: 0.9;
}*/


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

.data-column .skyline-item .skylinetext-lbl[b-16oaoj1i25] {
    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-16oaoj1i25], .data-column .skyline-item.skyline-item-mdac .skylinetext-black[b-16oaoj1i25] {
    display: flex;
    flex-direction: column;
    row-gap: 0;
    line-height: 1;
    overflow: visible;
    cursor: pointer;
}
.data-column .skyline-item .skylinetext-black[b-16oaoj1i25] {
    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-16oaoj1i25], .skyline-item.item--mccomplete-nopuncha label.skylinetext-black[b-16oaoj1i25]{
    color: #fff;
}

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

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

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

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

.legend-container small:nth-child(2)[b-16oaoj1i25] {
    background: red;
}

.legend-container small:nth-child(3)[b-16oaoj1i25] {
    background: #f5800a;
    color: #fff;
}

.legend-container small:nth-child(4)[b-16oaoj1i25] {
    background: #5cbce9;
}

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


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

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

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

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

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

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

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

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

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

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

.certification-container .cert-data[b-16oaoj1i25],
.punch-container .punch-data[b-16oaoj1i25] {
    padding: 3px;
    border: 1px solid #0000005e;
    border-bottom: none;
    border-right: none;
    margin: 0px;
    text-align: center;
    width:75px
}
.certification-container .flex.flex-row:last-child .cert-data[b-16oaoj1i25] ,
.punch-container .flex.flex-row:last-child .punch-data[b-16oaoj1i25] {
    border-bottom: 1px solid #0000005e;
}
.certification-container .title[b-16oaoj1i25],
.punch-container .punch-title[b-16oaoj1i25] {
    background: #1825aa;
    color: white;
}

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

.skyline-title[b-16oaoj1i25] {
    position: sticky;
    background: #262626;
    color: #fff;
    margin-left: 153px;
    text-align: left;
    width: calc(100% - 153px);
    border-bottom: 6px solid #a1c2e7;
    font-size: 14px;
    padding: 6px;
    margin-bottom: 0;
    outline: 1px solid #000;
    z-index: 1;
    padding-right: 207px;
}
label.cert-data.bg-darkcert-data[b-16oaoj1i25] {
    background: #46546a;
    color: #fff;
    border-color: #7e7e7e;
}
.certification-container .cert-data:last-child[b-16oaoj1i25], .punch-container .punch-data:last-child[b-16oaoj1i25] {
    border-right: 1px solid #0000005e;
}
.data-container:last-child .data-column .skyline-item[b-16oaoj1i25] {
    border-right: 0px;
}
.legend-container[b-16oaoj1i25] {
    position: absolute;
    right: 0;
    top: 3px;
    right: 4px;
}

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

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

.skyline-item.item-inprogress[b-16oaoj1i25] {
    background: #f5800a;
}
.skyline-item.item-inprogress label[b-16oaoj1i25] {
    color: #fff !important;
}
.skyline-item.item-notstart-behindschedule[b-16oaoj1i25] {
    background: #f20202;
}

.skyline-item.item-inprogress-behindschedule[b-16oaoj1i25] {
    background: #FFFB73;
}

.skyline-item.item-mccomplete-withpuncha[b-16oaoj1i25] {
    background: #9ADE7B;
}

.skyline-item.item--mccomplete-nopuncha[b-16oaoj1i25] {
    background: #508D69;
}
.legend-detail-container > *[b-16oaoj1i25] {
    font-size: 10px;
}
.dataItem-cert[b-16oaoj1i25] {
    display: flex;
    column-gap: 0px;
    width: 100%;
    align-items: center;
    justify-content: center;
    margin-top: -5px;
    min-height: 11px;
}

.dataItem-cert > *[b-16oaoj1i25] {
    font-size: 11px;
}

span.datacertItem[b-16oaoj1i25] {
    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-16oaoj1i25] {
    background-color: #dc3545;
}
span.datacertItem.datacertItem-ready[b-16oaoj1i25] {
    background-color: #ec8100;
}
.data-column .skyline-item.skyline-item-mdac[b-16oaoj1i25]{
    height: 35px;
}
.skyline-mdac .ytext-label[b-16oaoj1i25],
.skyline-mdac .data-container .date[b-16oaoj1i25] {
    height: 37px;
}
.detailed-skyline .data-column .skyline-item .skylinetext-lbl[b-16oaoj1i25],
.detailed-skyline .data-column .skyline-item[b-16oaoj1i25],
.detailed-skyline .data-container .date[b-16oaoj1i25],
.detailed-skyline .certification-container .cert-data[b-16oaoj1i25],
.detailed-skyline .certification-container .date[b-16oaoj1i25],
.detailed-skyline .punch-container .punch-data[b-16oaoj1i25],
.detailed-skyline .data-column .skyline-item .skylinetext-black[b-16oaoj1i25] {
    width: 135px
}
.detailed-skyline .ytext-label[b-16oaoj1i25],
.detailed-skyline .data-container .date[b-16oaoj1i25] {
    height: 62px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.detailed-skyline .data-column .skyline-item[b-16oaoj1i25],
.detailed-skyline .data-column .skyline-item .skylinetext-lbl[b-16oaoj1i25] {
    height: 60px;
}
.detailed-skyline.detailed-rfc .ytext-label[b-16oaoj1i25],
.detailed-skyline.detailed-rfc .data-container .date[b-16oaoj1i25] {
    height: 60px;
}

.detailed-skyline.detailed-rfc .data-column .skyline-item[b-16oaoj1i25],
.detailed-skyline.detailed-rfc .data-column .skyline-item .skylinetext-lbl[b-16oaoj1i25] {
    height: 59px;
}
.detailed-info *[b-16oaoj1i25] {
    font-size: 10px;
    letter-spacing: -0.4px;
    font-weight: normal;
}

.detailed-info[b-16oaoj1i25] {
    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-16oaoj1i25],
.detailed-skyline .data-column .skyline-item > *[b-16oaoj1i25]{
    padding: 5px !important;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    row-gap: 0px;
}
.detailed-progress[b-16oaoj1i25] {
    height: 11px;
}
[b-16oaoj1i25] .detailed-progress .k-progressbar-horizontal {
    height: 100%;
}
.detailed-progress .k-progressbar *[b-16oaoj1i25]{
    font-size: 10px;
    line-height:1
}
.dataItem-cert:empty[b-16oaoj1i25] {
    display: none;
}
.legend-container small.legend-dac[b-16oaoj1i25], .skyline-item.skyline-item-mdac.item-itr-completed[b-16oaoj1i25] {
    background: #c6ff9e;
    color: #0b1a01;
}

.skyline-item.skyline-item-mdac.item-itr-completed label[b-16oaoj1i25] {
    color: #0b1a01;
}
/* _content/Scarborough-Portal/Pages/SQRegisterFormPage.razor.rz.scp.css */
.form-container[b-qpwzxe9s8a] {
    padding: 20px;
    background-color: #f9f9f9;
    border-radius: 8px;
}
.header[b-qpwzxe9s8a] {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.form-section[b-qpwzxe9s8a] {
    margin-bottom: 20px;
}
.form-table[b-qpwzxe9s8a] {
    width: 100%;
    border-collapse: collapse;
}
.form-table th[b-qpwzxe9s8a], .form-table td[b-qpwzxe9s8a] {
    padding: 10px;
    border: 1px solid #ddd;
}
.attachments[b-qpwzxe9s8a] {
    display: flex;
    flex-wrap: wrap;
}
.attachment-item[b-qpwzxe9s8a] {
    display: flex;
    align-items: center;
    margin-right: 10px;
    margin-bottom: 10px;
}
.form-img-preview[b-qpwzxe9s8a] {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 4px;
}
.attachment-name[b-qpwzxe9s8a] {
    margin-left: 10px;
}
.form-table th[b-qpwzxe9s8a], .form-table td[b-qpwzxe9s8a] {
    padding: 10px;
    border: 1px solid #ddd;
    text-align: left;
}
[b-qpwzxe9s8a] .form-table .k-radio {
    width: 25px;
    height: 25px;
}

[b-qpwzxe9s8a] .red-text {
    color: red !important
}

[b-qpwzxe9s8a] .reject-comment-edit {
    font-weight: bold !important;
}

[b-qpwzxe9s8a] .reject-comment-edit.commissioning-discipline-lead {
    color: red !important;
}

[b-qpwzxe9s8a] .reject-comment-edit.commissioning-discipline-lead-endorsed {
    color: lightgrey !important;
}

[b-qpwzxe9s8a] .reject-comment-edit.package-manager {
    color: red !important;
}

[b-qpwzxe9s8a] .reject-comment-edit.package-manager-endorsed {
    color: lightgrey !important;
}

[b-qpwzxe9s8a] .reject-comment-edit.commissioning-manager {
    color: red !important;
}

[b-qpwzxe9s8a] .reject-comment-edit.commissioning-manager-endorsed {
    color: lightgrey !important;
}

[b-qpwzxe9s8a] .reject-comment-edit.subcontractor {
    color: red !important;
}

[b-qpwzxe9s8a] .reject-comment-edit.subcontractor-endorsed {
    color: lightgrey !important;
}

[b-qpwzxe9s8a] .reject-comment-edit.sc-lead-engineer {
    color: red !important;
}

[b-qpwzxe9s8a] .reject-comment-edit.sc-lead-engineer-endorsed {
    color: lightgrey !important;
}

[b-qpwzxe9s8a] .reject-comment-edit.sc-engineering-manager {
    color: red !important;
}

[b-qpwzxe9s8a] .reject-comment-edit.sc-engineering-manager-endorsed {
    color: lightgrey !important;
}

[b-qpwzxe9s8a] .reject-comment-edit.lead-engineer-review {
    color: red !important;
}

[b-qpwzxe9s8a] .reject-comment-edit.lead-engineer-review-endorsed {
    color: lightgrey !important;
}

[b-qpwzxe9s8a] .reject-comment-edit.commissioning-discipline-lead-review {
    color: red !important;
}

[b-qpwzxe9s8a] .reject-comment-edit.commissioning-discipline-lead-review-endorsed {
    color: lightgrey !important;
}

[b-qpwzxe9s8a] .reject-comment-edit.package-manager-review {
    color: red !important;
}

[b-qpwzxe9s8a] .reject-comment-edit.package-manager-review-endorsed {
    color: lightgrey !important;
}

[b-qpwzxe9s8a] .reject-comment-edit.commissioning-manager-review {
    color: red !important;
}

[b-qpwzxe9s8a] .reject-comment-edit.commissioning-manager-review-endorsed {
    color: lightgrey !important;
}
/* _content/Scarborough-Portal/Pages/SubSysBoundaryDrawingPage.razor.rz.scp.css */
[b-zbmfwnotke] .delete-img-btn > span.k-icon.k-i-trash.k-button-icon {
    filter: brightness(1) invert(1);
    zoom: 0.75;
}

[b-zbmfwnotke] .img-wrap-attachment {
    width: 40px;
    margin-right: 2px;
}
[b-zbmfwnotke] .k-grid-header .k-table-th {
    white-space: normal;
}

[b-zbmfwnotke] .cs-removeIcon img {
    width: 18px;
    filter: invert(16%) sepia(62%) saturate(3846%) hue-rotate(233deg) brightness(105%) contrast(109%);
}

[b-zbmfwnotke] .cs-removeIcon {
    width: 28px;
    height: 28px;
    border-radius: 50%;
}

[b-zbmfwnotke] .cs-removeIcon:hover {
    background: #e0e0ff;
    border-color: #e0e0ff;
}
/* _content/Scarborough-Portal/Pages/SubSystemDisciplineListPage.razor.rz.scp.css */
@keyframes flash-b-mx91nuu8b5 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.flashing-image[b-mx91nuu8b5] {
    animation: flash-b-mx91nuu8b5 1s infinite;
}
/* _content/Scarborough-Portal/Pages/SUEFormPage.razor.rz.scp.css */

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

[b-gxgwgt5x82] .cs-sue-form > form {
    height: 100%;
    overflow: auto;
}

[b-gxgwgt5x82] .upload-btn {
    z-index: 2;
    cursor: pointer;
    color: #3276d5;
    text-align: right;
    opacity: 0;
    position: absolute;
    left: 0;
    height: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.upload-cam[b-gxgwgt5x82] {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    background: #ffc926;
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
}

label.attachment-btn[b-gxgwgt5x82] {
    width: 35px;
    height: 35px;
    overflow: hidden;
    position: relative;
}

.upload-cam img[b-gxgwgt5x82] {
    width: 15px;
}


[b-gxgwgt5x82] .attachment-btn {
    top: 0;
    border: 1px solid #004fc6;
    width: 30px;
    background: #004fc6;
    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-gxgwgt5x82] .attachment-btn > img {
        filter: brightness(0) invert(1);
    }

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

[b-gxgwgt5x82] .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-gxgwgt5x82] .take-photo-btn {
    top: 0;
    background: #45b816;
    border: 1px solid #45b816;
    width: 34px;
    border-radius: 3px;
    height: 34px;
    cursor: pointer;
    z-index: 0;
    color: #fff;
    text-align: center;
    border-radius: 50%;
}

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

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

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

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

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

[b-gxgwgt5x82] .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-gxgwgt5x82] .delete-img-btn > span.k-icon.k-i-trash.k-button-icon {
        filter: brightness(1) invert(1);
        zoom: 0.75;
    }

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


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

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

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

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

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

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

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



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

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

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

    [b-gxgwgt5x82] .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-gxgwgt5x82] .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-gxgwgt5x82] .logo-mobile {
    display: none;
}


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

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

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

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

[b-gxgwgt5x82] .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-gxgwgt5x82] .card-horizontal-scroll {
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    margin: 0px 0px 16px 0px;
}


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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


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

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

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


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

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

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

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

[b-gxgwgt5x82] .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-gxgwgt5x82] .card-tag-detail {
    font-size: 11px;
    color: #666;
    letter-spacing: .1px;
    line-height: normal;
    font-weight: 400;
    text-align: left;
    padding-top: 2px;
}

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

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

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

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


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

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

[b-gxgwgt5x82] .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-gxgwgt5x82] {
    margin-bottom: 120px;
}

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width:600px) {
    .sp-td-radio-label *[b-gxgwgt5x82] {
        font-size: 10px;
    }

    .sp-images[b-gxgwgt5x82] {
        flex-direction: column;
        align-items: start !important;
        justify-content: start !important;
    }

    tr.cs-th-3[b-gxgwgt5x82] {
        font-weight: 300;
        text-transform: uppercase;
        background: #424242;
        color: #fff;
    }

        tr.cs-th-3 *[b-gxgwgt5x82] {
            font-size: 13px !important;
            font-weight: 500;
        }

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

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

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

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

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

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

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


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

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

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

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

    [b-gxgwgt5x82] .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-gxgwgt5x82] .back-button {
        display: none !important;
    }

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

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


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

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

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

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

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

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

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

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

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

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

    [b-gxgwgt5x82] 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-gxgwgt5x82] .image-preview-div {
        width: 100%;
        text-align: left;
        column-gap: 14px;
    }

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

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

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

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


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

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

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


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

    div.checklist-mobile-tags[b-gxgwgt5x82] {
        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-gxgwgt5x82] .form-header {
        background: #1825aa;
        color: white;
        z-index: 10;
        padding: 20px 16px 8px 16px;
        width: 100%;
        display: flex;
        column-gap: 8px;
    }


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

    [b-gxgwgt5x82] .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-gxgwgt5x82] .form-header > div > div > img {
        display: none;
    }

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

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

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

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

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

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

    [b-gxgwgt5x82] 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-gxgwgt5x82] .table-container {
        background: white;
    }

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

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


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

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

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

    [b-gxgwgt5x82] .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-gxgwgt5x82] .tag-cards {
        width: 100%;
        max-width: 100%;
    }

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

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

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

        [b-gxgwgt5x82] .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-gxgwgt5x82] .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-gxgwgt5x82] .disableUploadBtn {
        pointer-events: none;
        opacity: 0.3;
        filter: grayscale(0.9);
    }

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

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




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

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

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

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

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

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

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

    .cs-form-header[b-gxgwgt5x82] {
        flex-direction: column;
        row-gap: 5px;
    }

    .cs-form-header-btn[b-gxgwgt5x82] {
        width: 100%;
    }

    .cs-form-header > *[b-gxgwgt5x82] {
        width: 100%;
    }
}
/* _content/Scarborough-Portal/Pages/test.razor.rz.scp.css */
[b-uttwzo4z6g] .header-punchGroup-background, [b-uttwzo4z6g] .header-punchGroup-background * {
    padding: 0 !important;
    margin: 1px 0 !important;
}

[b-uttwzo4z6g] .header-punch-background, [b-uttwzo4z6g] .header-punch-background * {
    font-weight: 500 !important;
    margin: 1px 0 !important;
}

[b-uttwzo4z6g] .header-punchD-background, [b-uttwzo4z6g] .header-punchD-background * {
    font-weight: 500 !important;
    margin: 1px 0 !important;
}

[b-uttwzo4z6g] .header-mcGroup-background, [b-uttwzo4z6g] .header-mcGroup-background * {
    padding: 0 3px !important;
    margin: 1px 0 !important;
}

[b-uttwzo4z6g] .header-mc-background, [b-uttwzo4z6g] .header-mc-background * {
    padding: 0 !important;
    margin: 1px 0 !important;
}

[b-uttwzo4z6g] .header-mcD-background, [b-uttwzo4z6g] .header-mcD-background * {
    padding: 0 !important;
    margin: 1px 0 !important;
}

[b-uttwzo4z6g] .header-pcGroup-background, [b-uttwzo4z6g] .header-pcGroup-background * {
    padding: 0 3px !important;
    margin: 1px 0 !important;
}

[b-uttwzo4z6g] .header-pc-background, [b-uttwzo4z6g] .header-pc-background * {
    padding: 0 !important;
    margin: 1px 0 !important;
}

[b-uttwzo4z6g] .header-pcD-background, [b-uttwzo4z6g] .header-pcD-background * {
    padding: 0 !important;
    margin: 1px 0 !important;
}
/* _content/Scarborough-Portal/Shared/MainLayout.razor.rz.scp.css */
.page[b-aplrocgcac] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-aplrocgcac] {
    flex: 1;
    background: #f8f8f8;
}

.sidebar[b-aplrocgcac] {
    background: #1825aa;
    transition: all linear 0.3s;
}
/*::deep .shrinkmenu-True a span {
    position: absolute;
    left: 52px;
    background: #1818b5;
    z-index: 10000000;
    color: #fff;
    height: 39px;
    display: flex;
    align-items: center;
    padding-left: 10px;
    width: 100px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    display: none;
}

.shrinkmenu-True.sidebar {
    width: 70px;
    overflow: visible !important;
    z-index: 100000;
}
::deep .shrinkmenu-True.sidebar .side-bar {
    height: 100%;
    overflow: auto;
}
::deep .shrinkmenu-True a:hover span {
    display: flex;
}*/
.top-row[b-aplrocgcac] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-aplrocgcac]  a, .top-row .btn-link[b-aplrocgcac] {
        white-space: nowrap;
        margin-left: 1.5rem;
    }

    .top-row a:first-child[b-aplrocgcac] {
        overflow: hidden;
        text-overflow: ellipsis;
    }
.shrinkmenu-True[b-aplrocgcac] {
   /* margin-left: -215px;*/
   display: none;
}
@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-aplrocgcac] {
        display: none;
    }

    .top-row.auth[b-aplrocgcac] {
        justify-content: space-between;
    }

    .top-row a[b-aplrocgcac], .top-row .btn-link[b-aplrocgcac] {
        margin-left: 0;
    }

}

@media (min-width: 641px) {
    .page[b-aplrocgcac] {
        flex-direction: row;
    }

    .sidebar[b-aplrocgcac] {
        width: 215px;
        height: 100vh;
        position: relative;
        top: 0;
        transition: all linear 0.3s;
    }

    .top-row[b-aplrocgcac] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

}

@media (max-width:600px) {
    main[b-aplrocgcac] {
        overflow: unset !important;
        max-height: calc(100% - 47px) !important;
    }
   /* ::deep .shrinkmenu-True a span {
        top: 0;
        height: 33px;
        display: none !important;
    }*/
    .mobilemenu-True[b-aplrocgcac] {
        position: absolute;
        left: 0;
    }
    .mobilemenu-True[b-aplrocgcac] {
        position: absolute;
        left: 0;
        height: calc(100% - 42px) !important;
    }
    .sidebar[b-aplrocgcac] {
        position: absolute;
        height: calc(100% - 42px) !important;
    }
}
/* _content/Scarborough-Portal/Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-k26u83vwy4] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-k26u83vwy4] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-k26u83vwy4] {
    font-size: 1.1rem;
}

.oi[b-k26u83vwy4] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.nav-item[b-k26u83vwy4] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-k26u83vwy4] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-k26u83vwy4] {
        padding-bottom: 1rem;
    }

    .nav-item[b-k26u83vwy4]  a {
        color: #fff;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        font-weight:500;
    }

        .nav-item[b-k26u83vwy4]  a img {
            opacity: 1;
            width: 17px;
            margin-right: 5px;
            filter: brightness(0) invert(1);
            line-height: 1;
        }

        .nav-item[b-k26u83vwy4]  a.active {
            background-color: #ffffff;
            color: #2635d4ff;
        }

        .nav-item[b-k26u83vwy4]  a.active img, .nav-item[b-k26u83vwy4]  a:hover img {
            opacity: 1;
            filter: invert(16%) sepia(39%) saturate(6157%) hue-rotate(233deg) brightness(113%) contrast(106%);
        }

        .nav-item[b-k26u83vwy4]  a:hover {
            color: #fff;
            background-color: #ffffff47;
        }
            .nav-item[b-k26u83vwy4]  a:hover img {
                filter: brightness(0) invert(1);
            }

@media (min-width: 641px) {
    .navbar-toggler[b-k26u83vwy4] {
        display: none;
    }

    .collapse[b-k26u83vwy4] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
}

@media(max-width:1180px) {
 /*   .nav-item ::deep a img {
        margin-right: 0
    }
*/
   /* .shrinkmenu-True .nav-item ::deep a {
        justify-content: center;
    }*/
}