/* /Pages/CRT/WorkOrder/WorkOrderEdit.razor.rz.scp.css */
/* /Pages/CRT/WorkOrder/WorkOrderIndex.razor.rz.scp.css */
/* =========================
   列印專用樣式
========================= */
@media print {

    /* 頁面設定 */
    @page {
        size: A4 portrait;
        margin: 12mm;
    }

    body[b-zripkhzwnq] {
        margin: 0;
        font-size: 12pt;
    }

    /* 不要印按鈕 */
    .no-print[b-zripkhzwnq] {
        display: none !important;
    }

}
/* /Pages/Dashboard/Dashboards_4_2Index.razor.rz.scp.css */
.image-container[b-hdtzmcex1m] {
    position: relative;
    display: inline-block;
}

    .image-container img[b-hdtzmcex1m] {
        max-width: 100%;
        height: auto;
        display: block;
        transition: opacity 0.3s ease;
    }

    .image-container:hover img[b-hdtzmcex1m] {
        opacity: 0.5;
    }

.zone[b-hdtzmcex1m] {
    position: absolute;
    border: 2px dashed #e74c3c;
    background-color: rgba(231, 76, 60, 0.2);
    box-sizing: border-box;
    z-index: 10;
}

    .zone.draft[b-hdtzmcex1m] {
        border-style: dotted;
        background-color: rgba(231, 76, 60, 0.1);
    }

.zone-info[b-hdtzmcex1m] {
    position: absolute;
    background: white;
    padding: 6px 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 13px;
    z-index: 20;
    pointer-events: none;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

.zone-content[b-hdtzmcex1m] {
    position: absolute;
    bottom: 4px;
    left: 4px;
    font-size: 14px;
    color: #222;
    background-color: rgba(255, 255, 255, 0.85);
    padding: 2px 6px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    gap: 6px;
    pointer-events: none;
    z-index: 11;
}

    .zone-content .icon[b-hdtzmcex1m] {
        font-size: 18px;
    }

    .zone-content .people[b-hdtzmcex1m] {
        font-size: 14px;
    }

.form-popup[b-hdtzmcex1m] {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 999;
}
/* /Pages/Dashboard/RealTime/AccessControlAndConstruction/ACAndConstructionIndex.razor.rz.scp.css */
.image-container[b-i816rr63t1] {
    position: relative;
    display: inline-block;
}

    .image-container img[b-i816rr63t1] {
        max-width: 100%;
        height: auto;
        display: block;
        transition: opacity 0.3s ease;
    }

    .image-container:hover img[b-i816rr63t1] {
        opacity: 0.5;
    }

.zone[b-i816rr63t1] {
    position: absolute;
    border: 2px dashed #e74c3c;
    background-color: rgba(231, 76, 60, 0.2);
    box-sizing: border-box;
    z-index: 10;
}

    .zone.draft[b-i816rr63t1] {
        border-style: dotted;
        background-color: rgba(231, 76, 60, 0.1);
    }

.zone-info[b-i816rr63t1] {
    position: absolute;
    background: white;
    padding: 6px 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 13px;
    z-index: 20;
    pointer-events: none;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

.zone-content[b-i816rr63t1] {
    position: absolute;
    bottom: 4px;
    left: 4px;
    font-size: 14px;
    color: #222;
    background-color: rgba(255, 255, 255, 0.85);
    padding: 2px 6px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    gap: 6px;
    pointer-events: none;
    z-index: 11;
}

    .zone-content .icon[b-i816rr63t1] {
        font-size: 18px;
    }

    .zone-content .people[b-i816rr63t1] {
        font-size: 14px;
    }

.form-popup[b-i816rr63t1] {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 999;
}
/* /Pages/FileStreamUpload.razor.rz.scp.css */
/*begin::檔案抓放區域*/
.drop-zone[b-6v6yl54c8m] {
    padding: 20px;
    width: 100%;
    min-height: 100px;
    border-radius: 5px;
    outline: 2px dashed #92b0b3;
    outline-offset: -10px;
    background-color: #E1E3EA;
    -moz-animation-duration: .15s;
    -webkit-animation-duration: .15s;
    animation-duration: .15s;
    -moz-animation-name: dropout;
    -webkit-animation-name: dropout;
    animation-name: dropout-b-6v6yl54c8m;
    -moz-animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -moz-animation-direction: alternate;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}

    .drop-zone.hover[b-6v6yl54c8m] {
        outline: 2px solid #C8DADF;
        background-color: #F3F3F4;
        outline-offset: -15px;
        -moz-animation-duration: .15s;
        -webkit-animation-duration: .15s;
        animation-duration: .15s;
        -moz-animation-name: dropin;
        -webkit-animation-name: dropin;
        animation-name: dropin-b-6v6yl54c8m;
        -moz-animation-iteration-count: 1;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        -moz-animation-direction: alternate;
        -webkit-animation-direction: alternate;
        animation-direction: alternate;
    }

@-moz-keyframes dropin {
    from {
        outline: 2px dashed #92b0b3;
        outline-offset: -10px;
        background-color: #E1E3EA;
    }

    to {
        outline: 2px solid #C8DADF;
        background-color: #F3F3F4;
        outline-offset: -15px;
    }
}

@-webkit-keyframes dropin {
    from {
        outline: 2px dashed #92b0b3;
        outline-offset: -10px;
        background-color: #E1E3EA;
    }

    to {
        outline: 2px solid #C8DADF;
        background-color: #F3F3F4;
        outline-offset: -15px;
    }
}

@keyframes dropin-b-6v6yl54c8m {
    from {
        outline: 2px dashed #92b0b3;
        outline-offset: -10px;
        background-color: #E1E3EA;
    }

    to {
        outline: 2px solid #C8DADF;
        background-color: #F3F3F4;
        outline-offset: -15px;
    }
}


@-moz-keyframes dropout {
    from {
        outline: 2px solid #C8DADF;
        background-color: #F3F3F4;
        outline-offset: -15px;
    }

    to {
        outline: 2px dashed #92b0b3;
        outline-offset: -10px;
        background-color: #E1E3EA;
    }
}

@-webkit-keyframes dropout {
    from {
        outline: 2px solid #C8DADF;
        background-color: #F3F3F4;
        outline-offset: -15px;
    }

    to {
        outline: 2px dashed #92b0b3;
        outline-offset: -10px;
        background-color: #E1E3EA;
    }
}

@keyframes dropout-b-6v6yl54c8m {
    from {
        outline: 2px solid #C8DADF;
        background-color: #F3F3F4;
        outline-offset: -15px;
    }

    to {
        outline: 2px dashed #92b0b3;
        outline-offset: -10px;
        background-color: #E1E3EA;
    }
}
/*end::檔案抓放區域*/
/* /Pages/SYS/FileExplorer/FileUpload.razor.rz.scp.css */
/*begin::檔案抓放區域*/
.drop-zone[b-stjaa401sh] {
    padding: 20px;
    width: 100%;
    min-height: 100px;
    border-radius: 5px;
    outline: 2px dashed #92b0b3;
    outline-offset: -10px;
    background-color: #E1E3EA;
    -moz-animation-duration: .15s;
    -webkit-animation-duration: .15s;
    animation-duration: .15s;
    -moz-animation-name: dropout;
    -webkit-animation-name: dropout;
    animation-name: dropout-b-stjaa401sh;
    -moz-animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -moz-animation-direction: alternate;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}

    .drop-zone.hover[b-stjaa401sh] {
        outline: 2px solid #C8DADF;
        background-color: #F3F3F4;
        outline-offset: -15px;
        -moz-animation-duration: .15s;
        -webkit-animation-duration: .15s;
        animation-duration: .15s;
        -moz-animation-name: dropin;
        -webkit-animation-name: dropin;
        animation-name: dropin-b-stjaa401sh;
        -moz-animation-iteration-count: 1;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        -moz-animation-direction: alternate;
        -webkit-animation-direction: alternate;
        animation-direction: alternate;
    }

@-moz-keyframes dropin {
    from {
        outline: 2px dashed #92b0b3;
        outline-offset: -10px;
        background-color: #E1E3EA;
    }

    to {
        outline: 2px solid #C8DADF;
        background-color: #F3F3F4;
        outline-offset: -15px;
    }
}

@-webkit-keyframes dropin {
    from {
        outline: 2px dashed #92b0b3;
        outline-offset: -10px;
        background-color: #E1E3EA;
    }

    to {
        outline: 2px solid #C8DADF;
        background-color: #F3F3F4;
        outline-offset: -15px;
    }
}

@keyframes dropin-b-stjaa401sh {
    from {
        outline: 2px dashed #92b0b3;
        outline-offset: -10px;
        background-color: #E1E3EA;
    }

    to {
        outline: 2px solid #C8DADF;
        background-color: #F3F3F4;
        outline-offset: -15px;
    }
}


@-moz-keyframes dropout {
    from {
        outline: 2px solid #C8DADF;
        background-color: #F3F3F4;
        outline-offset: -15px;
    }

    to {
        outline: 2px dashed #92b0b3;
        outline-offset: -10px;
        background-color: #E1E3EA;
    }
}

@-webkit-keyframes dropout {
    from {
        outline: 2px solid #C8DADF;
        background-color: #F3F3F4;
        outline-offset: -15px;
    }

    to {
        outline: 2px dashed #92b0b3;
        outline-offset: -10px;
        background-color: #E1E3EA;
    }
}

@keyframes dropout-b-stjaa401sh {
    from {
        outline: 2px solid #C8DADF;
        background-color: #F3F3F4;
        outline-offset: -15px;
    }

    to {
        outline: 2px dashed #92b0b3;
        outline-offset: -10px;
        background-color: #E1E3EA;
    }
}
/*end::檔案抓放區域*/
/* /Shared/Layout/MainLayout.razor.rz.scp.css */
.page[b-je96k1qhf1] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-je96k1qhf1] {
    flex: 1;
}

.sidebar[b-je96k1qhf1] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

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

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

    .top-row[b-je96k1qhf1]  a:hover, .top-row[b-je96k1qhf1]  .btn-link:hover {
        text-decoration: underline;
    }

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

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-je96k1qhf1] {
        display: none;
    }

    .top-row.auth[b-je96k1qhf1] {
        justify-content: space-between;
    }

    .top-row[b-je96k1qhf1]  a, .top-row[b-je96k1qhf1]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-je96k1qhf1] {
        flex-direction: row;
    }

    .sidebar[b-je96k1qhf1] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-je96k1qhf1] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-je96k1qhf1]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-je96k1qhf1], article[b-je96k1qhf1] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Shared/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-vj8ej6amv2] {
    background-color: rgba(255, 255, 255, 0.1);
}

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

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

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

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

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

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

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

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

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

@media (min-width: 641px) {
    .navbar-toggler[b-vj8ej6amv2] {
        display: none;
    }

    .collapse[b-vj8ej6amv2] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
    
    .nav-scrollable[b-vj8ej6amv2] {
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Shared/UI/DualList.razor.rz.scp.css */
select[b-atn46e315k] {
    padding: 0px !important;
    height:100% !important;
}

    select > option[b-atn46e315k] {
        border-bottom: 1px solid #ebedf3;
        padding: .75rem 1.25rem;
    }
.dual-list-title[b-atn46e315k] {
    font-weight: 600;
    font-size: 1.1rem;
    padding: .75rem .75rem;
    border-bottom: 0;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.dual-list-select[b-atn46e315k] {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}