@import '_content/Blazorise.RichTextEdit/Blazorise.RichTextEdit.ujcws5bfym.bundle.scp.css';
@import '_content/SimpleBlazorMultiselect/SimpleBlazorMultiselect.bundle.scp.css';

/* _content/StructuresExaminations/Components/AllUsersNotification.razor.rz.scp.css */
.alert-all-users[b-4q31m077oh] {
    min-height: 100px;
    position: sticky;
    top: 0;
    width: 100%;
    margin-bottom: 0;
    z-index: 9999;
    background-color: red;
    color:white;
}

@keyframes flashOpacity-b-4q31m077oh {
    0%, 100% { opacity: 1; }
    50% { opacity: 0; }
}

.flashing-element[b-4q31m077oh] {
    animation: flashOpacity-b-4q31m077oh 3s linear infinite;
}
/* _content/StructuresExaminations/Components/AppIssuePageUrl.razor.rz.scp.css */

/* _content/StructuresExaminations/Components/CesDocumentsUpload.razor.rz.scp.css */
.animated-gradient[b-vb523h7s29] {
    background: repeating-linear-gradient(to right, rgb(20, 140, 151) 0%, rgb(240, 170, 35) 50%, rgb(20, 140, 151) 100%);
    width: 100%;
    background-size: 200% auto;
    background-position: 0 100%;
    animation: gradient-b-vb523h7s29 2s infinite;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
  }
  
  @keyframes gradient-b-vb523h7s29 { 
    0%   { background-position: 0 0; }
    100% { background-position: -200% 0; }
  }
/* _content/StructuresExaminations/Components/FileUploader.razor.rz.scp.css */
/* .document-uploader {
    width: 100%;
    height: 100%;
} */

.upload-document-button-hidden[b-harwbxl939] {
    visibility: hidden;
}


/* _content/StructuresExaminations/Components/FilterAppliedFlag.razor.rz.scp.css */
.filter-applied-flag[b-rl1eu04ofa] {
    font-size: 14px;
    color: white;
    background: red;
    text-align: center;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: 5px;
    cursor: pointer;
    /* z-index: 5 !important;
    position: relative; */
}
/* _content/StructuresExaminations/Components/MBTable/MBTable.razor.rz.scp.css */
    /* Allows dropdowns to escape the bounds of the table container */
    .table-responsive[b-0k0o6uzo1z] {
        overflow: visible;
    }

    /* Sets a high z-index to ensure the filter row is on top */
    .sticky-header-searchable-table-row-one[b-0k0o6uzo1z] {
        position: sticky;
        top: 0px;
        background-color: white;
        z-index: 20;
    }

    /* Sets a lower z-index so it appears behind the filter row */
    .sticky-header-searchable-table-row-two[b-0k0o6uzo1z] {
        position: sticky;
        top: 80px;
        background-color: white;
        z-index: 19;
    }

    .selectable[b-0k0o6uzo1z] {
        cursor: pointer;
    }

    /* This rule no longer has overflow: hidden */
    .table-responsive .blazored-typeahead[b-0k0o6uzo1z] {
        width: 100%;
    }

    /* --- THIS NEW RULE IS THE FIX --- */
    /* This targets the input's immediate parent,
       clipping the padding overflow without
       affecting the results dropdown.
    */
    .table-responsive .blazored-typeahead__controls[b-0k0o6uzo1z] {
        overflow: hidden;
    }


    .table-responsive .blazored-typeahead__input[b-0k0o6uzo1z],
    .table-responsive .blazored-typeahead__selected[b-0k0o6uzo1z],
    .table-responsive .blazored-typeahead__input-mask[b-0k0o6uzo1z] {
        /* Sizing and Layout to match other form controls */
        height: 38px;
        padding: 0.375rem 0.75rem;
        display: flex;
        align-items: center;

        /* Text Truncation Logic */
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        box-sizing: border-box;
    }




/* @media (max-width: 768px) { */
    @media (max-width: 1300px) {

        .mbtable-card-responsive[b-0k0o6uzo1z] {
            width: 100%;
            display: block;
            
        }

        .mbtable-card-responsive thead[b-0k0o6uzo1z],
        .mbtable-card-responsive tbody[b-0k0o6uzo1z] {
            display: block;
        }

        /* Hide the header row (row-two), but keep the filter row (row-one) */
        .mbtable-card-responsive .sticky-header-searchable-table-row-two[b-0k0o6uzo1z] {
            display: none;
        }

        /* Make the filter row's cells full width */
        .mbtable-card-responsive .sticky-header-searchable-table-row-one td[b-0k0o6uzo1z] {
            display: block;
            width: 100%;
            box-sizing: border-box;
            margin-bottom: 0.5rem;
        }

        /* Remove sticky positioning from the filter row on mobile */
        .mbtable-card-responsive .sticky-header-searchable-table-row-one[b-0k0o6uzo1z] {
            position: static;
            display: block;
            height: auto !important;
        }

        /* Make each body row look like a "card" */
        .mbtable-card-responsive tbody tr[b-0k0o6uzo1z] {
            display: block;
            border: 1px solid #dee2e6;
            border-radius: 0.25rem;
            margin-bottom: 0.75rem;
        }

        /* Stack the cells vertically */
        .mbtable-card-responsive tbody td[b-0k0o6uzo1z] {
            display: block;
            text-align: right;
            /* Aligns the cell content to the right */
            border-bottom: 1px solid #e9ecef;
            position: relative;
            padding-left: 50%;
            /* Make room for the label */
            /* These override the inline style on mobile */
            white-space: normal !important;
            word-break: break-word !important;
            width: 100% !important;
            max-width: 100% !important;
            /* box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15); */
            box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
        }

        /* Add the data-label as the cell's "header" */
        .mbtable-card-responsive tbody td[b-0k0o6uzo1z]:before {
            content: attr(data-label);
            /* Get text from data-label */
            position: absolute;
            left: 0.75rem;
            top: 0.375rem;
            padding-right: 0.75rem;
            width: 45%;
            /* (50% from padding-left) - padding */
            text-align: left;
            font-weight: bold;
            white-space: normal;
            word-break: break-word;
        }

        /* Remove border from the last cell in the "card" */
        .mbtable-card-responsive tbody td:last-child[b-0k0o6uzo1z] {
            border-bottom: 0;
        }

        /* Adjust pagination for small screens */
        .pagination[b-0k0o6uzo1z] {
            justify-content: center !important;
        }
    }
/* _content/StructuresExaminations/Components/Paginator.razor.rz.scp.css */
.clickable-page-incrementation[b-hn13u6btfq] {
    color: #007bff !important;
    cursor: pointer !important;
}
/* _content/StructuresExaminations/Components/ReadOnlyLabelAndValue.razor.rz.scp.css */
.read-only-label[b-yr8dc00cax]{
    font-weight: bold;
    margin-bottom: -5px;
}
/* _content/StructuresExaminations/Pages/AuditLogPage.razor.rz.scp.css */
.clickable-page-incrementation[b-pbxhrqu9fr] {
    color: #007bff !important;
    cursor: pointer !important;
}
/* _content/StructuresExaminations/Pages/CESAPILogsPage.razor.rz.scp.css */
.clickable-page-incrementation[b-t84f6g4qno] {
    color: #007bff !important;
    cursor: pointer !important;
}
/* _content/StructuresExaminations/Pages/StructurePageReportDetailedCulvertSide.razor.rz.scp.css */
/* Chrome, Safari, Edge, Opera */
input[b-if52shbmoi]::-webkit-outer-spin-button,
input[b-if52shbmoi]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
/* input[type=number] {
  -moz-appearance: textfield;
} */
/* _content/StructuresExaminations/Pages/StructurePageReportDetailedCulvertUnder.razor.rz.scp.css */
/* Chrome, Safari, Edge, Opera */
input[b-khebtm96e9]::-webkit-outer-spin-button,
input[b-khebtm96e9]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
/* input[type=number] {
  -moz-appearance: textfield;
} */
/* _content/StructuresExaminations/Pages/StructurePageReportDetailedLowHeadroom.razor.rz.scp.css */
/* Chrome, Safari, Edge, Opera */
input[b-xq7r00cecr]::-webkit-outer-spin-button,
input[b-xq7r00cecr]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
/* input[type=number] {
  -moz-appearance: textfield;
} */
/* _content/StructuresExaminations/Pages/StructurePageReportDetailedRetainingWallGabionCutting.razor.rz.scp.css */
/* Chrome, Safari, Edge, Opera */
input[b-s552pvsjdh]::-webkit-outer-spin-button,
input[b-s552pvsjdh]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
/* input[type=number] {
  -moz-appearance: textfield;
} */
/* _content/StructuresExaminations/Pages/StructurePageReportDetailedRetainingWallGabionEmbankment.razor.rz.scp.css */
/* Chrome, Safari, Edge, Opera */
input[b-k8mkrllpb3]::-webkit-outer-spin-button,
input[b-k8mkrllpb3]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
/* input[type=number] {
  -moz-appearance: textfield;
} */
/* _content/StructuresExaminations/Pages/StructurePageReportDetailedRetainingWallGeneral.razor.rz.scp.css */
/* Chrome, Safari, Edge, Opera */
input[b-bylthc80qk]::-webkit-outer-spin-button,
input[b-bylthc80qk]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
/* input[type=number] {
  -moz-appearance: textfield;
} */
/* _content/StructuresExaminations/Shared/MainLayout.razor.rz.scp.css */
.page[b-xccmktmx5v] {
    position: relative;
    display: flex;
    flex-direction: column;
}

.main[b-xccmktmx5v] {
    flex: 1;
}

.sidebar[b-xccmktmx5v] {
    background: rgb(20, 140, 151);
}

.top-row[b-xccmktmx5v] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

.align-start[b-xccmktmx5v] {
    justify-content: flex-start;
}

.top-row[b-xccmktmx5v]  a, .top-row .btn-link[b-xccmktmx5v] {
    white-space: nowrap;
    margin-left: 1.5rem;
}

.top-row a:first-child[b-xccmktmx5v] {
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-xccmktmx5v] {
        display: none;
    }
    .top-row.auth[b-xccmktmx5v] {
        justify-content: space-between;
    }
    .top-row a[b-xccmktmx5v], .top-row .btn-link[b-xccmktmx5v] {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-xccmktmx5v] {
        flex-direction: row;
    }
    .sidebar[b-xccmktmx5v] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }
    .top-row[b-xccmktmx5v] {
        position: sticky;
        top: 0;
        z-index: 1;
    }
    .main>div[b-xccmktmx5v] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* _content/StructuresExaminations/Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-5e8iewx5hg] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-5e8iewx5hg] {
    height: 3.5rem;
    background-color: rgba(0, 0, 0, 0.4);
}

.navbar-brand[b-5e8iewx5hg] {
    font-size: 1.1rem;
}

.oi[b-5e8iewx5hg] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.nav-item[b-5e8iewx5hg] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

.nav-item:first-of-type[b-5e8iewx5hg] {
    padding-top: 1rem;
}

.nav-item:last-of-type[b-5e8iewx5hg] {
    padding-bottom: 1rem;
}

.nav-item[b-5e8iewx5hg]  a {
    color: #d7d7d7;
    border-radius: 4px;
    height: 3rem;
    display: flex;
    align-items: center;
    line-height: 3rem;
}

.nav-item[b-5e8iewx5hg]  a.active {
    background-color: rgba(255, 255, 255, 0.25);
    color: white;
}

.nav-item[b-5e8iewx5hg]  a:hover {
    background-color: rgba(255, 255, 255, 0.1);
    color: white;
}

@media (min-width: 641px) {
    .navbar-toggler[b-5e8iewx5hg] {
        display: none;
    }
    .collapse[b-5e8iewx5hg] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
}

.elr-detailts-header[b-5e8iewx5hg] {
    color: #d7d7d7;
    font-weight: bold;
}
