/* /Components/Maintenances/MaintEdit.razor.rz.scp.css */
@media (min-width: 992px) {
    #MaintEdit[b-wuti8ws96e] {
        width: 900px;
    }
}
/* /Components/Maintenances/MaintList.razor.rz.scp.css */
#search-box-group .input-group[b-j0p5ssajr6] {
    width: unset;
}
/* /Components/Repairs/RepairList.razor.rz.scp.css */
#search-box-group .input-group[b-z9q4c50rq2] {
    width: unset;
}
/* /Components/Repairs/RepairsPerStructuresList.razor.rz.scp.css */
h1[b-2hbtjr3crb] {
    font-size: x-large;
    font-weight: bold;
}

[b-2hbtjr3crb] table.table {
    table-layout: fixed;
}

    [b-2hbtjr3crb] table.table > thead {
        display: none;
    }
/* /Components/Repairs/RepairsSearch.razor.rz.scp.css */

[b-dfqiwoazgl] div.form-group.row {
    margin-top: 5px;
}

[b-dfqiwoazgl] div.form-group {
    margin-bottom: 5px;
}

[b-dfqiwoazgl] div.form-control {
    height: 2em;
    padding: 0px 15px;
}

fieldset[b-dfqiwoazgl] {
    border: 1px solid #ced4da;
    border-radius: .25rem;
}

[b-dfqiwoazgl] label:not(.custom-control-label) {
    font-weight: bold;
    padding: 0px !important;
    margin-left: 15px;
}

legend[b-dfqiwoazgl] {
    font-size: medium;
    font-weight: bold;
}

span.checkbox[b-dfqiwoazgl] {
    display: inline-block;
}

    span.checkbox + span[b-dfqiwoazgl] {
        float: right;
        font-size: small;
    }

@media (min-width: 576px) {
    [b-dfqiwoazgl] input.form-control:not(#fromMilepost):not(#toMilePost)::placeholder {
        opacity: 0;
    }

    [b-dfqiwoazgl] input.form-control::placeholder {
        font-size: small;
    }
}
/* /Components/Repairs/StructureHeader.razor.rz.scp.css */
/* /Components/Repairs/StructureWithRepairs.razor.rz.scp.css */
div.detail-expanded[b-48qe4wjo9b] {
    background-color: #99CABF;
}

    div.detail-expanded[b-48qe4wjo9b]  div.header {
        background-color: inherit;
    }

div.repair-list-expanded[b-48qe4wjo9b] {
    background-color: #66B09F;
}

    div.repair-list-expanded[b-48qe4wjo9b]  div.header {
        font-weight: 700;
    }

    div.repair-list-expanded[b-48qe4wjo9b]  div.repair-detail-expanded {
        background-color: #33957F;
    }

div.maint-list-expanded[b-48qe4wjo9b] {
    background-color: #66D08C;
}

    div.maint-list-expanded[b-48qe4wjo9b]  div.header {
        font-weight: 700;
    }

    div.maint-list-expanded[b-48qe4wjo9b]  div.maint-detail-expanded {
        background-color: #00B140;
    }

@media (min-width: 768px) {
    div.detail-expanded[b-48qe4wjo9b] {
        background-color: inherit;
    }

    [b-48qe4wjo9b] div.header, div.detail-expanded[b-48qe4wjo9b]  div.header {
        background-color: #00B140;
        color: white;

    }

    div.repair-list-expanded[b-48qe4wjo9b] {
        background-color: inherit;
    }

        div.repair-list-expanded[b-48qe4wjo9b]  div.header {
            font-weight: 100;
        }

        div.repair-list-expanded[b-48qe4wjo9b]  div.repair-detail-expanded {
            background-color: inherit;
        }

    div.maint-list-expanded[b-48qe4wjo9b] {
        background-color: inherit;
    }

        div.maint-list-expanded[b-48qe4wjo9b]  div.header {
            font-weight: 100;
        }

        div.maint-list-expanded[b-48qe4wjo9b]  div.repair-detail-expanded {
            background-color: inherit;
        }
}
/* /Components/Repairs/VirtualizedList.razor.rz.scp.css */
[b-erqabuxor0] div[id^='Structure-'] div[id^='StructureHeader-'] {
    display: none; /* We display our own header. */
}
/* /Components/StructureInfo/Detail.razor.rz.scp.css */
div[b-8yeq902by8]  div.header {
    background-color: #007B5F;
    color: white;
}

div[b-8yeq902by8]  div.repair-detail-expanded,
div[b-8yeq902by8]  div.maint-detail-expanded {
    background-color: #99CABF;
}

@media (min-width: 768px) {
    div[b-8yeq902by8]  div.repair-detail-expanded,
    div[b-8yeq902by8]  div.maint-detail-expanded {
        background-color: inherit;
    }
}
/* /Components/StructureInfo/DynamicTable.razor.rz.scp.css */
.data-row .ms-Icon[b-6mj3l3ja4i] {
    color: #017359;
}

.data-row.wsdot-active[b-6mj3l3ja4i] {
    background-color: #1b816a;
}

.data-row.wsdot-active .ms-Icon[b-6mj3l3ja4i] {
    color: white;
}

[b-6mj3l3ja4i] .detail {
    border: 2px solid #1b816a;
    padding: .25rem;
}

[b-6mj3l3ja4i] embed {
    height: 800px;
    width: 100%;
}

/*#region Mobile View*/
[b-6mj3l3ja4i] img, [b-6mj3l3ja4i] video {
    width: 100%;
}

.mobile-hidden[b-6mj3l3ja4i] {
    display: none;
}
    .mobile-hidden.expand[b-6mj3l3ja4i] {
        display: block;
    }
        .mobile-hidden.expand[b-6mj3l3ja4i]::before {
            content: attr(display-name) ": ";
        }

.mobile-truncate[b-6mj3l3ja4i] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .mobile-truncate.expand[b-6mj3l3ja4i] {
        overflow: auto;
        text-overflow: unset;
        white-space: unset;
    }
/*#endregion*/

/*#region Desktop View*/
@media (min-width: 768px) {
    [b-6mj3l3ja4i] img, [b-6mj3l3ja4i] video {
        width: 50%;
    }

    .mobile-hidden[b-6mj3l3ja4i] {
        display: block;
    }
        .mobile-hidden.expand[b-6mj3l3ja4i]::before { 
            content: "";
        }

    .mobile-truncate[b-6mj3l3ja4i] {
        overflow: auto;
        text-overflow: unset;
        white-space: unset;
    }
}
/*#endregion*/
/* /Components/StructureInfo/FileViewer.razor.rz.scp.css */
#inspection-report-message[b-6tqaeabmqr] {
    background-color: #99CABF;
    border: 1px solid #017359;
    margin: 5px;
    padding: 5px;
}

#search-box-group.input-group[b-6tqaeabmqr] {
    width: unset;
}
/* /Components/StructureInfo/VCCard.razor.rz.scp.css */
embed[b-mjrgnfq8nl] {
    height: 60vh;
}

.ms-Icon[b-mjrgnfq8nl] {
    color: #017359;
}
/* /Components/StructureSearch/InspectionsPerformed.razor.rz.scp.css */
/* /Components/StructureSearch/Search.razor.rz.scp.css */
/*Placeholder for moving all the native styles

body {
}

*/
/* /Components/StructureSearch/SignBridge/SignBridgeInfo.razor.rz.scp.css */
button span.fa-angle-double-up[b-yx4891in20],
button span.fa-angle-double-down[b-yx4891in20] {
    color: white;
}

div.row[b-yx4891in20] {
    margin-top: 0px;
}

div#divStructureImage img[b-yx4891in20] {
    width: 100%;
    height: 100%;
    border: 0px;
}

div#divStructureDetails div.table:first-child[b-yx4891in20] {
    margin-bottom: 0rem;
}

div.accordion div.wsdot-green > span[b-yx4891in20] {
    padding-left: 10px;
    padding-top: 4px;
}

div#divStructureDetails div.row > div ~ div[b-yx4891in20] {
    font-weight: 500;
    padding-left: 0rem;
}

@media (min-width: 768px) {
    div#divStructureDetails[b-yx4891in20], div#divStructureDetailsAddl[b-yx4891in20] {
        display: flex;
        flex-flow: row;
        align-content: space-around;
    }

    div#divStructureImage img[b-yx4891in20] {
        max-height: 500px;
        max-width: 500px;
    }
}

@media (max-width: 767.98px) {
    div#divStructureDetails[b-yx4891in20], div#divStructureDetailsAddl[b-yx4891in20] {
        display: flex;
        flex-flow: column;
    }

    div#divStructureImage img[b-yx4891in20] {
        max-height: 500px;
        max-width: 360px;
    }
}
/* /Components/StructureSearch/SignBridge/SignsInfo.razor.rz.scp.css */
body[b-jce6bxan2t] {
}
/* /Components/StructureSearch/StructureInfo.razor.rz.scp.css */
button span.fa-angle-double-up[b-j6n7wm5hke],
button span.fa-angle-double-down[b-j6n7wm5hke] {
    color: white;
}

div.row[b-j6n7wm5hke] {
    margin-top: 0px;
}

div#divStructureImage img[b-j6n7wm5hke]{
    width:100%;
    height:100%;
    border:0px;
}

div#divStructureDetails div.table:first-child[b-j6n7wm5hke] {
    margin-bottom: 0rem;
}

div.accordion div.wsdot-green > span[b-j6n7wm5hke] {
    padding-left: 10px;
    padding-top: 4px;
}

div#divStructureDetails div.row > div ~ div[b-j6n7wm5hke] {
    font-weight: 500;
    padding-left: 0rem;
}

@media (min-width: 768px) {
    div#divStructureDetails[b-j6n7wm5hke], div#divStructureDetailsAddl[b-j6n7wm5hke] {
        display: flex;
        flex-flow: row;
        align-content: space-around;
    }

        div#divStructureImage img[b-j6n7wm5hke] {
            max-height: 500px;
            max-width: 500px;
        }
}

@media (max-width: 767.98px) {
    div#divStructureDetails[b-j6n7wm5hke], div#divStructureDetailsAddl[b-j6n7wm5hke] {
        display: flex;
        flex-flow: column;
    }

        div#divStructureImage img[b-j6n7wm5hke] {
            max-height: 500px;
            max-width: 360px;
        }
}
/* /Components/StructureSearch/StructureList.razor.rz.scp.css */
/* Placeholder for moving all the native styles

body {
}

*/
/* /Shared/CountyMap.razor.rz.scp.css */
body[b-mu2208tbpv] {
}
/* /Shared/FileStreamer.razor.rz.scp.css */
.file[b-9k5adigtdo] {
    width: 100%
}

.file img[b-9k5adigtdo],
.file video[b-9k5adigtdo],
.file embed[b-9k5adigtdo] {
    width: 100vw;
    height: 100vh;
}
/* /Shared/ImageCarousel.razor.rz.scp.css */
.carousel-control-next[b-39h5p79mov], .carousel-control-prev[b-39h5p79mov] {
    bottom: 100px;
    text-shadow: 0 0 5px black;
}

[b-39h5p79mov] img {
    object-fit: scale-down;
    max-height: 40vh;
}

@media (min-width: 576px) {
    #ImageCarousel[b-39h5p79mov]{
        max-width: 500px;
    }

    [b-39h5p79mov] img {
        max-height: 60vh;
    }
}
/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-l06wk72h3u] {
    position: relative;
    display: flex;
    flex-direction: column;
}

.main[b-l06wk72h3u] {
    flex: 1;
}

.sidebar[b-l06wk72h3u] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-l06wk72h3u] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-l06wk72h3u]  a, .top-row .btn-link[b-l06wk72h3u] {
        white-space: nowrap;
        margin-left: 1.5rem;
    }

    .top-row a:first-child[b-l06wk72h3u] {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 767.98px) {
    .top-row:not(.auth)[b-l06wk72h3u] {
        display: none;
    }

    .top-row.auth[b-l06wk72h3u] {
        justify-content: space-between;
    }

    .top-row a[b-l06wk72h3u], .top-row .btn-link[b-l06wk72h3u] {
        margin-left: 0;
    }
}

@media (min-width: 768px) {
    .page[b-l06wk72h3u] {
        flex-direction: row;
        width:80%;
        margin-left: auto;
        margin-right: auto;
    }

    .sidebar[b-l06wk72h3u] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-l06wk72h3u] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .main > div[b-l06wk72h3u] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Shared/Modals/ImageViewerModal.razor.rz.scp.css */
img[b-k103qd81gt] {
    object-fit: scale-down;
    max-height: 40vh;
}

@media (min-width: 576px) {
    #ImageViewerModal[b-k103qd81gt] {
        max-width: 80vh;
        max-height: 60vh;
    }

    img[b-k103qd81gt] {
        max-height: 60vh;
    }
}
/* /Shared/Modals/MapViewModal.razor.rz.scp.css */

/* /Shared/Modals/StructureInfoModal.razor.rz.scp.css */
body[b-4n2fskpeif] {
}
/* /Shared/NavMenu.razor.rz.scp.css */
.dropdown-header[b-6zmjzwy52i] {
    color: white;
    font-size: 1.25rem;
    text-align: center;
}

.navbar.development[b-6zmjzwy52i],
.navbar.development .wsdot-button[b-6zmjzwy52i],
.navbar.development .wsdot-button:hover[b-6zmjzwy52i],
.navbar.development .wsdot-green[b-6zmjzwy52i],
.navbar.development[b-6zmjzwy52i]  .wsdot-button {
    background-color: darkred !important;
}


.navbar.development .wsdot-button:hover[b-6zmjzwy52i],
.navbar.development[b-6zmjzwy52i]  .wsdot-button:hover{
    background-color: #9c0000 !important;
}

.navbar-toggler[b-6zmjzwy52i] {
    background-color: rgba(255, 255, 255, 0.1);
}

.navbar-brand[b-6zmjzwy52i]::after {
    content: "BEISt";
}

.bridge-logo[b-6zmjzwy52i] {
    width: 26px;
    content: url("../images/bridge-logo.svg");
}

.bridge-logo.bridge-logo-white[b-6zmjzwy52i] {
    filter: invert(100%) sepia(100%) saturate(29%) hue-rotate(131deg) brightness(108%) contrast(106%);
}

.nav-item[b-6zmjzwy52i] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-6zmjzwy52i] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-6zmjzwy52i] {
        padding-bottom: 1rem;
    }

    .nav-item[b-6zmjzwy52i]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

        .nav-item[b-6zmjzwy52i]  a.active {
            background-color: rgba(255,255,255,0.25);
            color: white;
        }

        .nav-item[b-6zmjzwy52i]  a:hover {
            background-color: rgba(255,255,255,0.1);
            color: white;
        }

.nav-item[b-6zmjzwy52i]  .dropdown-menu {
    max-height: 25rem;
    overflow-y: auto;
}

    .nav-item[b-6zmjzwy52i]  .dropdown-menu .dropdown-item {
        height: unset;
        line-height: normal;
    }

.oi[b-6zmjzwy52i] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.top-row[b-6zmjzwy52i] {
    height: 3.5rem;
}

@media (min-width: 768px) {

    .navbar-brand[b-6zmjzwy52i]::after {
        content: "Bridge Engineering and Information System";
    }

    .navbar-toggler[b-6zmjzwy52i] {
        display: none;
    }

    .collapse[b-6zmjzwy52i] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }

    .nav-item[b-6zmjzwy52i]  .dropdown-menu {
        max-height: 80vh;
    }
}
/* /Shared/PhotoEdit.razor.rz.scp.css */

img[b-80vlyru3nl] {
    object-fit: scale-down;
    max-height: 40vh;
}

div.placeholder[b-80vlyru3nl] {
    width: 100%;
    height: 40vh;
    max-height: 40vh;
}

[b-80vlyru3nl] textarea {
    width: 100%;
}

@media (min-width: 576px) {
    #PhotoEdit[b-80vlyru3nl]{
        max-width: 500px;
    }

    img[b-80vlyru3nl] {
        max-height: 60vh;
    }
}
