/* /Components/Layout/CustomSpinner.razor.rz.scp.css */

.regal-spinner[b-ae28nuh5ee] {
    --primary: var(--accent-color); /* Your primary color */
    --neutral: var(--default-color); /* Resting color */
    --segment: 0.13s; /* “Few seconds” per item; try 1.5s–2s if you want slower */
    --count: 6; /* symbol + R + E + G + A + L = 6 elements total */
}

.regal-spinner-modal[b-ae28nuh5ee] {
    position: fixed;
    backdrop-filter: blur(1.75rem);
    -webkit-backdrop-filter: blur(1.75rem); /* Safari */
    z-index: 10000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}


.regal-spinner svg[b-ae28nuh5ee] {
    width: 12rem; /* or any size */
    height: auto; /* preserves aspect ratio */
}


/* All logo parts share the same baseline styles */
.regal-spinner .part[b-ae28nuh5ee] {
    fill: var(--neutral);
    animation: regal-highlight-b-ae28nuh5ee calc(var(--segment) * var(--count)) linear infinite;
}

/* Keyframes: active window early in the timeline, then back to neutral */
@keyframes regal-highlight-b-ae28nuh5ee {
    /* Active slice is ~1 segment long; feel free to adjust percentages */
    0%, 15% {
        fill: var(--primary);
    }

    16%, 100% {
        fill: var(--neutral);
    }
}

/* Stagger each part by one segment */
.regal-spinner .part--0[b-ae28nuh5ee] {
    animation-delay: calc(0 * var(--segment));
}
/* symbol */
.regal-spinner .part--1[b-ae28nuh5ee] {
    animation-delay: calc(1 * var(--segment));
}
/* R */
.regal-spinner .part--2[b-ae28nuh5ee] {
    animation-delay: calc(2 * var(--segment));
}
/* E */
.regal-spinner .part--3[b-ae28nuh5ee] {
    animation-delay: calc(3 * var(--segment));
}
/* G */
.regal-spinner .part--4[b-ae28nuh5ee] {
    animation-delay: calc(4 * var(--segment));
}
/* A */
.regal-spinner .part--5[b-ae28nuh5ee] {
    animation-delay: calc(5 * var(--segment));
}
/* L */
/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-9cnczv94ke] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-9cnczv94ke] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-yo68890oev],
.components-reconnect-repeated-attempt-visible[b-yo68890oev],
.components-reconnect-failed-visible[b-yo68890oev],
.components-pause-visible[b-yo68890oev],
.components-resume-failed-visible[b-yo68890oev],
.components-rejoining-animation[b-yo68890oev] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-yo68890oev],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-yo68890oev],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-yo68890oev],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-yo68890oev],
#components-reconnect-modal.components-reconnect-retrying[b-yo68890oev],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-yo68890oev],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-yo68890oev],
#components-reconnect-modal.components-reconnect-failed[b-yo68890oev],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-yo68890oev] {
    display: block;
}


#components-reconnect-modal[b-yo68890oev] {
    background-color: var(--background-color) !important;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-yo68890oev 0.5s both;

    &[open] {
        animation: components-reconnect-modal-slideUp-b-yo68890oev 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-yo68890oev 0.5s ease-in-out 0.3s;
        animation-fill-mode: both;
    }
}

    #components-reconnect-modal[b-yo68890oev]::backdrop {
        background-color: rgba(0, 0, 0, 0.4);
        animation: components-reconnect-modal-fadeInOpacity-b-yo68890oev 0.5s ease-in-out;
        opacity: 1;
    }

@keyframes components-reconnect-modal-slideUp-b-yo68890oev {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-yo68890oev {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-yo68890oev {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-yo68890oev] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-yo68890oev] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-yo68890oev] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-yo68890oev] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-yo68890oev] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-yo68890oev] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-yo68890oev] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-yo68890oev 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-yo68890oev] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-yo68890oev {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/APChecksReview/APCheckReview.razor.rz.scp.css */
.ap-invoice-sticky[b-ahzre8ye27] {
    position: sticky;
    top: 0;
    z-index: 20;
}

@media (min-width: 1200px) {
    .ap-invoice-sticky[b-ahzre8ye27] {
        top: 1rem;
    }
}
.apcheck-layout[b-ahzre8ye27] {
    display: flex;
    gap: 0.25rem;
    height: calc(100dvh - 260px);
    overflow: hidden;
}

.apcheck-left[b-ahzre8ye27] {
    width: 58%;
    overflow-y: auto;
    padding-right: 0.25rem;
}

.apcheck-right[b-ahzre8ye27] {
    width: 42%;
    height: 100%;
    overflow: hidden;
}

    .apcheck-right .card[b-ahzre8ye27] {
        height: 100%;
    }

    .apcheck-right .card-body[b-ahzre8ye27] {
        height: calc(100% - 55px);
    }

    .apcheck-right iframe[b-ahzre8ye27] {
        width: 100%;
        height: 100% !important;
        border: 0;
    }

@media (max-width: 1199.98px) {
    .apcheck-layout[b-ahzre8ye27] {
        display: block;
        height: auto;
        overflow: visible;
    }

    .apcheck-left[b-ahzre8ye27],
    .apcheck-right[b-ahzre8ye27] {
        width: 100%;
        overflow: visible;
    }

    .apcheck-right[b-ahzre8ye27] {
        height: 80dvh;
    }
}
.payments-invoices-card[b-ahzre8ye27] {
    flex-shrink: 0;
}
/* /Components/Pages/AvailabilityEstimates/AvailabilityEstimates.razor.rz.scp.css */



/* ==========================================
   MOBILE ONLY
   ========================================== */

@media (max-width: 767.98px) {

    /* Remove unnecessary card spacing */

    .availability-page[b-f7z0fem5dc] {
        margin: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

        .availability-page .card-body[b-f7z0fem5dc] {
            padding: 0 !important;
        }

        /* Table wrapper */

        .availability-page[b-f7z0fem5dc]  .table-responsive {
            width: 100%;
            max-width: 100%;
            margin: 0;
            padding: 0;
        }

        /* Compact table */

        .availability-page[b-f7z0fem5dc]  .availability-table {
            width: 100%;
            min-width: 0;
            margin-bottom: 0 !important;
            table-layout: fixed;
            font-size: 0.75rem;
        }

            /* Headers */

            .availability-page[b-f7z0fem5dc]  .availability-table th {
                padding: 0.4rem 0.12rem !important;
                font-size: 0.65rem !important;
                line-height: 1.15;
                text-align: center;
                vertical-align: middle;
                white-space: normal !important;
                overflow-wrap: anywhere;
            }

            /* Data cells */

            .availability-page[b-f7z0fem5dc]  .availability-table td {
                padding: 0.45rem 0.12rem !important;
                font-size: 0.75rem;
                line-height: 1.25;
                text-align: center;
                vertical-align: middle;
                overflow-wrap: anywhere;
                white-space: normal !important;
            }

                /* Column widths */

                .availability-page[b-f7z0fem5dc]  .availability-table
                th:nth-child(1),
                .availability-page[b-f7z0fem5dc]  .availability-table
                td:nth-child(1) {
                    width: 22%;
                }

                .availability-page[b-f7z0fem5dc]  .availability-table
                th:nth-child(2),
                .availability-page[b-f7z0fem5dc]  .availability-table
                td:nth-child(2) {
                    width: 20%;
                }

                .availability-page[b-f7z0fem5dc]  .availability-table
                th:nth-child(3),
                .availability-page[b-f7z0fem5dc]  .availability-table
                td:nth-child(3) {
                    width: 34%;
                }

                .availability-page[b-f7z0fem5dc]  .availability-table
                th:nth-child(4),
                .availability-page[b-f7z0fem5dc]  .availability-table
                td:nth-child(4) {
                    width: 24%;
                }

                /* Keep month/date readable */

                .availability-page[b-f7z0fem5dc]  .availability-table td a {
                    font-size: 0.73rem;
                    white-space: nowrap;
                }
}

@media (max-width: 767.98px) {

    /* Prevent large sorting icons from widening headers */

    .availability-page[b-f7z0fem5dc]  .availability-table th i,
    .availability-page[b-f7z0fem5dc]  .availability-table th svg {
        font-size: 0.65rem !important;
        width: 0.65rem;
        height: 0.65rem;
    }

    /* Compact clickable sorting headers */

    .availability-page[b-f7z0fem5dc]  .availability-table th button {
        font-size: inherit !important;
        padding: 0 !important;
        min-width: 0;
        max-width: 100%;
        white-space: normal !important;
    }
}
@media (max-width: 767.98px) {

    /* Give the first column breathing room */
    .availability-page[b-f7z0fem5dc]  .availability-table
    th:first-child,
    .availability-page[b-f7z0fem5dc]  .availability-table
    td:first-child {
        padding-left: 0.4rem !important;
    }

    /* Slightly reduce the header font */
    .availability-page[b-f7z0fem5dc]  .availability-table th {
        font-size: 0.62rem !important;
    }
}
@media (max-width: 767.98px) {

    /* Keep header text and sort icon together */

    @media (max-width: 767.98px) {

        /* General mobile headers */
        .availability-page[b-f7z0fem5dc]  .availability-table th {
            font-size: 0.65rem !important;
            padding: 0.4rem 0.15rem !important;
            line-height: 1.2;
            text-align: center;
            vertical-align: middle;
            white-space: normal !important;
            overflow-wrap: normal;
            word-break: normal;
        }

            /* Designation: keep text and sorting icon together */
            .availability-page[b-f7z0fem5dc]  .availability-table
            th:nth-child(1) {
                width: 25%;
                white-space: nowrap !important;
                font-size: 0.60rem !important;
            }

            /* Model */
            .availability-page[b-f7z0fem5dc]  .availability-table
            th:nth-child(2) {
                width: 19%;
            }

            /* Earliest Available Completion: allow multiple lines */
            .availability-page[b-f7z0fem5dc]  .availability-table
            th:nth-child(3) {
                width: 34%;
                white-space: normal !important;
            }

            /* Production Line: allow multiple lines */
            .availability-page[b-f7z0fem5dc]  .availability-table
            th:nth-child(4) {
                width: 22%;
                white-space: normal !important;
            }

            /* Sorting icons */
            .availability-page[b-f7z0fem5dc]  .availability-table th i,
            .availability-page[b-f7z0fem5dc]  .availability-table th svg {
                display: inline-block;
                vertical-align: middle;
                flex-shrink: 0;
                margin-left: 2px;
            }
    }

        /* Prevent sort icons from wrapping */
        .availability-page[b-f7z0fem5dc]  .availability-table th i,
        .availability-page[b-f7z0fem5dc]  .availability-table th svg {
            display: inline-block !important;
            vertical-align: middle;
            flex-shrink: 0;
            margin-left: 2px !important;
        }

        /* Give Designation a little more space */
        .availability-page[b-f7z0fem5dc]  .availability-table
        th:nth-child(1),
        .availability-page[b-f7z0fem5dc]  .availability-table
        td:nth-child(1) {
            width: 25%;
        }

        /* Adjust remaining columns */
        .availability-page[b-f7z0fem5dc]  .availability-table
        th:nth-child(2),
        .availability-page[b-f7z0fem5dc]  .availability-table
        td:nth-child(2) {
            width: 19%;
        }

        .availability-page[b-f7z0fem5dc]  .availability-table
        th:nth-child(3),
        .availability-page[b-f7z0fem5dc]  .availability-table
        td:nth-child(3) {
            width: 34%;
        }

        .availability-page[b-f7z0fem5dc]  .availability-table
        th:nth-child(4),
        .availability-page[b-f7z0fem5dc]  .availability-table
        td:nth-child(4) {
            width: 22%;
        }
}

/* ==========================================
   COMPLETION DATE EDIT ICON
   ========================================== */

.availability-page[b-f7z0fem5dc]  .availability-table
td .bi-pencil-square {
    font-size: 0.85rem;
    vertical-align: middle;
}

/* Mobile */
@media (max-width: 767.98px) {

    .availability-page[b-f7z0fem5dc]  .availability-table
    td .d-flex {
        gap: 0.3rem !important;
    }

    .availability-page[b-f7z0fem5dc]  .availability-table
    td .bi-pencil-square {
        font-size: 0.75rem;
    }
}

/* /Components/Pages/Backorders/Backorder.razor.rz.scp.css */
.order-details-grid[b-tf7y9zwa85] {
    display: grid;
    gap: 0.5rem; /* space between items */
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: auto;
}
.text-comment[b-tf7y9zwa85] {
    width: 20.5vw;
    height: 50px;
    height: clamp(40px, 2.8vw,50px);
    font-size: 0.85rem;
    padding-right: 40px !important;
}

order-details-grid p[b-tf7y9zwa85],
.order-details-grid span[b-tf7y9zwa85] {
    margin: 0;
    font-size: 0.95rem;
}

@media (max-width: 1024px) {

    .mobile-Columns[b-tf7y9zwa85] {
        display: none;
    }
    td.mobile-break[b-tf7y9zwa85] {
        white-space: normal !important;
    }
    .text-comment[b-tf7y9zwa85]{
        width:100% !important;
    }
}
/* Tablet and larger screens */
@media (min-width: 1024) {
    .order-details-grid[b-tf7y9zwa85] {
        grid-template-columns: repeat(4, 1fr);
    }
}

/* Desktop and large screens */
@media (min-width: 1200px) {
    .order-details-grid[b-tf7y9zwa85] {
        grid-template-columns: repeat(8, 1fr);
    }

    .order-comment[b-tf7y9zwa85] {
        font-size: 16px !important;
    }
}

/* /Components/Pages/BoatOrder/BoatOrderTracker.razor.rz.scp.css */

.sold-to[b-x1tsh31jcv], .ship-to[b-x1tsh31jcv] {
    border-radius: 5px;
    opacity: 1;
    padding: 7px 12px;
    background: #ECECF080;
}

@media (max-width: 576px) {
    .boat-body p[b-x1tsh31jcv],
    .boat-body span[b-x1tsh31jcv],button[b-x1tsh31jcv] {
        font-size: clamp(0.75rem, 2.5vw, 0.9rem);
    }
    .text-secondary[b-x1tsh31jcv], .Dates[b-x1tsh31jcv] {
        white-space: nowrap;
    }
}
/* /Components/Pages/CorrectiveActions/CorrectiveActionDetail.razor.rz.scp.css */
.custom-page-imput-group-width-t1[b-1qheca5xj5]{
    width: 33.15%;
}

.custom-page-imput-group-width-t2[b-1qheca5xj5] {
    width: 66.5%;
}

.custom-page-imput-group-width-t3[b-1qheca5xj5] {
    width: 49.8%;
}

.custom-page-dropdown-check-width[b-1qheca5xj5]{
    width:88.2%;
}

.custom-page-input-group-text-width[b-1qheca5xj5] {
    width: 8rem;
}

/*Notebook View*/
@media (width > 992px) and (width <=1400px){
    .custom-page-imput-group-width-t1[b-1qheca5xj5] {
        width: 49.7%;
    }

    .custom-page-imput-group-width-t2[b-1qheca5xj5] {
        width: 49.7%;
    }

    .custom-page-imput-group-width-t3[b-1qheca5xj5] {
        width: 49.7%;
    }

    .custom-page-dropdown-check-width[b-1qheca5xj5] {
        max-width: 76.5%;
    }

    .custom-page-input-group-text-width[b-1qheca5xj5] {
        width: 6.5rem;
    }
}

/*Tablet View*/
@media (width >= 768px) and (width <=992px) {
    .custom-page-imput-group-width-t1[b-1qheca5xj5] {
        width: 49.7%;
    }

    .custom-page-imput-group-width-t2[b-1qheca5xj5] {
        width: 49.7%;
    }

    .custom-page-imput-group-width-t3[b-1qheca5xj5] {
        width: 49.7%;
    }

    .custom-page-dropdown-check-width[b-1qheca5xj5] {
        max-width: 72.5%;
    }

    .custom-page-input-group-text-width[b-1qheca5xj5] {
        width: 6.5rem;
    }
} 

/*Mobile view */
@media (width < 768px){

    .custom-page-imput-group-width-t1[b-1qheca5xj5] {
        width: 100%;
    }

    .custom-page-imput-group-width-t2[b-1qheca5xj5] {
        width: 100%;
    }

    .custom-page-dropdown-check-width[b-1qheca5xj5] {
        width: 64.5%;
    }

    .custom-page-imput-group-width-t3[b-1qheca5xj5] {
        width: 100%;
    }

    .custom-page-input-group-text-width[b-1qheca5xj5] {
        width: 8rem;
    }

} 
/* /Components/Pages/CorrectiveActions/CorrectiveActionManagement.razor.rz.scp.css */
.custom-page-filter-width[b-srs0yeekcy]{
    width: 37%;
}

[b-srs0yeekcy] .custom-page-dt-height {
    height: 70dvh !important;
}

@media (width >= 992px) and (width <= 1400px) {

    [b-srs0yeekcy] .custom-page-dt-height {
        height: 45dvh !important;
    }
}

@media (width >= 769px) and (width <= 991px) {

    [b-srs0yeekcy] .custom-page-dt-height {
        height: 65dvh !important;
    }
}

@media (width <= 768px) {

    [b-srs0yeekcy] .custom-page-dt-height {
        height: 55dvh !important;
    }

    .custom-page-filter-width[b-srs0yeekcy] {
        width: 100%;
    }
}
/* /Components/Pages/CorrectiveActions/CorrectiveActionRequest.razor.rz.scp.css */
.custom-dropdown[b-eq1m66btuf] {
    position: relative;
    width: 100%;
}

.upload-scope[b-eq1m66btuf]  #crossbutton {
    top:3px;
    left:3px;
}
.upload-scope[b-eq1m66btuf]  .thumbnail-container img {
    min-width: 46px !important;
    min-height: 40px !important;
    max-width: 86px !important;
    max-height: 70px !important;
    border-radius: 8px !important;
    padding: 10px !important;
}
[b-eq1m66btuf] .file-name {
    display: none !important;
}

.dropdown-header[b-eq1m66btuf] {
    border: 1px solid var(--border-color);
    border-radius: 6px;
    padding: 8px 12px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.attachment-select[b-eq1m66btuf] {
    white-space: nowrap; /* Prevent wrap */
    overflow: hidden; /* Hide overflow */
    text-overflow: ellipsis; /* Show ... */
    padding-right: 2.5rem; /* Space for dropdown arrow */
}

.dropdown-list[b-eq1m66btuf] {
    position: absolute;
    width: 100%;
    background: #fff;
    border: 1px solid #ced4da;
    border-radius: 6px;
    margin-top: 2px;
    z-index: 1000;
    max-height: 13vh;
    overflow-y: auto;
}
.custom-dropdown .dropdown-list[b-eq1m66btuf] {
    top: 100%;
    left: 0;
    z-index: 1050;
    border: 1px solid #dee2e6;
}

.custom-dropdown .dropdown-item[b-eq1m66btuf] {
    cursor: pointer;
}

    .custom-dropdown .dropdown-item:hover[b-eq1m66btuf] {
        background-color: color-mix(in srgb, var(--table-hover-bg), black 10%) !important;
    }

.dropdown-item[b-eq1m66btuf] {
    padding: 6px 10px;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    background-color: var(--modal-bg)
}

    .dropdown-item:hover[b-eq1m66btuf] {
        background-color: color-mix(in srgb, var(--table-hover-bg), black 10%) !important;
    }

.arrow[b-eq1m66btuf] {
    font-size: 12px;
    font-weight: bolder;
}


#DropdownToggle[b-eq1m66btuf]::after {
    display: none !important;
}


@media (max-width: 600px) {
    .form-control[b-eq1m66btuf], .form-label[b-eq1m66btuf], #Sign-in-Button[b-eq1m66btuf], #Login-property[b-eq1m66btuf] {
        width: 100% !important;
        margin-left: 0px !important;
    }

    .upload-wrapper[b-eq1m66btuf] {
        padding: 0px !important;
    }

    .dropdown-item:hover[b-eq1m66btuf] {
        background-color: color-mix(in srgb, var(--table-hover-bg), black 10%) !important;
    }
}
/* Tablet only (Bootstrap md: 768px – 991.98px) */
@media (min-width: 768px) and (max-width: 1200px) {
    .dropdown-header[b-eq1m66btuf] {
        white-space: normal;
    }

    .dropdown-item:hover[b-eq1m66btuf] {
        background-color: color-mix(in srgb, var(--table-hover-bg), black 10%) !important;
    }
}

.success-overlay[b-eq1m66btuf] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.25);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1050;
}

.success-card[b-eq1m66btuf] {
    background: white;
    border-radius: 16px;
    padding: 32px 24px 24px;
    width: 100%;
    max-width: 360px;
    text-align: center;
    position: relative;
    box-shadow: 0 20px 40px rgba(0,0,0,0.15);
}

.success-icon[b-eq1m66btuf] {
    width: 72px;
    height: 72px;
    background: #1dd1a1;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -36px;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0 10px 25px rgba(29,209,161,.5);
}

    .success-icon i[b-eq1m66btuf] {
        font-size: 32px;
        color: white;
    }

.success-card[b-eq1m66btuf] {
    animation: pop-b-eq1m66btuf 0.3s ease-out;
}

@keyframes pop-b-eq1m66btuf {
    from {
        transform: scale(.9);
        opacity: 0;
    }

    to {
        transform: scale(1);
        opacity: 1;
    }
}
/* /Components/Pages/CorrectiveActions/CorrectiveActions.razor.rz.scp.css */
.filter-group label[b-b2j51dqwcy] {
    border: 1px solid #ccc;
    border-radius: 15px;
    padding: 5px 12px;
    margin-right: 10px;
    margin-bottom: 10px;
    cursor: pointer;
    user-select: none;
    font-size: 0.9rem;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: background-color 0.3s, border-color 0.3s;
}
@media (max-width: 767.98px) {

    .corrective-actions-card .filter-group[b-b2j51dqwcy] {
        flex-wrap: wrap;
    }


    .corrective-actions-card[b-b2j51dqwcy]  .corrective-actions-table table {
        width: 100%;
        margin: 0;
        table-layout: fixed;
    }

    .corrective-actions-card[b-b2j51dqwcy]  .corrective-actions-table thead {
        display: none !important;
    }

    .corrective-actions-card[b-b2j51dqwcy]  .corrective-actions-table tbody tr {
        display: table-row !important;
        margin: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    .corrective-actions-card[b-b2j51dqwcy]  .corrective-actions-table td.d-none {
        display: none !important;
    }

    .corrective-actions-card[b-b2j51dqwcy]  .corrective-actions-table td.ca-mobile-cell {
        display: table-cell !important;
        width: 100% !important;
        padding: 0.5rem !important;
        border: 1px solid var(--bs-table-border-color, var(--bs-border-color)) !important;
        text-align: left !important;
        vertical-align: top;
        white-space: normal !important;
        color: var(--bs-table-color, var(--bs-body-color));
        background-color: var(--bs-table-bg, var(--bs-body-bg));
        box-shadow: none !important;
    }


    .corrective-actions-card[b-b2j51dqwcy]  .corrective-actions-table tbody tr:nth-of-type(odd) > td.ca-mobile-cell {
        color: var(--bs-table-striped-color, var(--bs-body-color));
        box-shadow: inset 0 0 0 9999px var(--bs-table-striped-bg, rgba(0, 0, 0, 0.05)) !important;
    }

    .corrective-actions-card[b-b2j51dqwcy]  .corrective-actions-table td.ca-mobile-cell::before {
        display: none !important;
        content: none !important;
    }

    .ca-mobile-row[b-b2j51dqwcy] {
        width: 100%;
        min-width: 0;
        font-size: 0.95rem;
    }

    .ca-mobile-value[b-b2j51dqwcy] {
        min-width: 0;
        overflow-wrap: anywhere;
    }


    .ca-mobile-expand-btn[b-b2j51dqwcy] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        border: 0;
        background: transparent;
        color: inherit;
        padding: 0;
        font-size: 2rem;
        line-height: 1;
        cursor: pointer;
    }


    .order-details-grid[b-b2j51dqwcy] {
        display: grid;
        gap: 0.5rem;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-auto-rows: auto;
    }

        .order-details-grid > div[b-b2j51dqwcy] {
            min-width: 0;
            overflow-wrap: anywhere;
        }

        .order-details-grid p[b-b2j51dqwcy],
        .order-details-grid span[b-b2j51dqwcy] {
            margin: 0;
            font-size: 0.95rem;
        }
    .ca-mobile-value[b-b2j51dqwcy] {
        color: var(--bs-body-color) !important;
    }

    .ca-mobile-details .order-details-grid span[b-b2j51dqwcy] {
        color: var(--bs-body-color) !important;
    }

    .ca-mobile-expand-btn .bi-plus[b-b2j51dqwcy] {
        color: var(--bs-body-color) !important;
    }
}

/* /Components/Pages/CounterLogs/CounterLog.razor.rz.scp.css */
.part-number-search-button[b-8s9p8bb213] {
    min-width: 2.75rem;
    justify-content: center;
    cursor: pointer;
}

    .part-number-search-button:hover[b-8s9p8bb213],
    .part-number-search-button:focus[b-8s9p8bb213] {
        color: var(--accent-color);
    }
/* /Components/Pages/CSIReports/CSIReport.razor.rz.scp.css */

.iframe-container[b-k8ppanrivs] {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    overflow: hidden;
}

    .iframe-container iframe[b-k8ppanrivs] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: none;
        display: block;
    }

@media screen and (max-width: 992px) {
    .iframe-container[b-k8ppanrivs] {
        padding-top: 66.66%;
    }
}

@media screen and (max-width: 576px) {
    .iframe-container[b-k8ppanrivs] {
        padding-top: 100%;
    }
}
/* /Components/Pages/Dashboards/BoatOptions.razor.rz.scp.css */
@media (max-width: 767.98px) {

    /* =====================================================
       REMOVE CARD LOOK ON MOBILE
       ===================================================== */

    .boat-options-card[b-p85jb6ruoz] {
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        background: transparent !important;
        margin: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

        .boat-options-card > .card-header[b-p85jb6ruoz] {
            border: 0 !important;
            border-radius: 0 !important;
            background: transparent !important;
            padding: 0 !important;
        }

        .boat-options-card > .card-body[b-p85jb6ruoz] {
            padding: 0.5rem !important;
            min-width: 0 !important;
        }


    /* =====================================================
       MOBILE VIEW SELECTOR
       ===================================================== */

    #mobileTabSelector[b-p85jb6ruoz] {
        font-size: 0.95rem;
        min-height: 42px;
    }

        #mobileTabSelector:focus[b-p85jb6ruoz] {
            box-shadow: none;
            border-color: var(--bs-primary);
        }


    /* =====================================================
       MOBILE MODEL OPTIONS TABLE
       ===================================================== */

    .boat-options-mobile-table[b-p85jb6ruoz] {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden !important;
    }


        /* =====================================================
       REMOVE NORMAL TABLE LOOK
       ===================================================== */

        .boat-options-mobile-table table[b-p85jb6ruoz] {
            width: 100%;
            margin: 0;
            table-layout: fixed;
        }

        .boat-options-mobile-table thead[b-p85jb6ruoz] {
            display: none;
        }


        /* =====================================================
       EACH DATABASE ROW
       ===================================================== */

        .boat-options-mobile-table tbody tr[b-p85jb6ruoz] {
            border-bottom: 1px solid var(--bs-border-color);
        }

        .boat-options-mobile-table tbody td[b-p85jb6ruoz] {
            width: 100% !important;
            border: 0 !important;
            padding: 0 0.5rem !important;
            vertical-align: top;
        }


    /* =====================================================
       MAIN ROW
       ===================================================== */

    .boat-mobile-option-row[b-p85jb6ruoz] {
        width: 100%;
    }

    .boat-mobile-description[b-p85jb6ruoz] {
        font-size: 0.9rem;
        line-height: 1.25rem;
        color: var(--bs-body-color);
        word-break: break-word;
    }


    /* =====================================================
       EXPAND BUTTON
       ===================================================== */

    .boat-mobile-expand-btn[b-p85jb6ruoz] {
        flex: 0 0 auto;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: 0;
        background: transparent;
        padding: 0.25rem;
        font-size: 1.35rem;
        line-height: 1;
        cursor: pointer;
    }

        .boat-mobile-expand-btn:focus[b-p85jb6ruoz] {
            outline: none;
            box-shadow: none;
        }


    /* =====================================================
       EXPANDED AREA
       ===================================================== */

    .boat-mobile-details[b-p85jb6ruoz] {
        padding: 0.65rem 0 0.8rem 0;
        border-top: 1px solid var(--bs-border-color);
    }


    /* =====================================================
       FIRST DETAIL SECTION
       ===================================================== */

    .boat-mobile-details-grid[b-p85jb6ruoz] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.75rem;
        padding: 0.5rem 0;
    }


    .boat-mobile-label[b-p85jb6ruoz] {
        color: var(--bs-secondary-color);
        font-size: 0.75rem;
        line-height: 1rem;
        margin-bottom: 0.1rem;
    }


    /* =====================================================
       BOOLEAN VALUES
       ===================================================== */

    .boat-mobile-flags[b-p85jb6ruoz] {
        border-top: 1px solid var(--bs-border-color);
        margin-top: 0.25rem;
        padding-top: 0.35rem;
    }


    .boat-mobile-flag-row[b-p85jb6ruoz] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
        padding: 0.4rem 0;
        font-size: 0.875rem;
        border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    }

        .boat-mobile-flag-row:last-child[b-p85jb6ruoz] {
            border-bottom: 0;
        }

        .boat-mobile-flag-row i[b-p85jb6ruoz] {
            flex: 0 0 auto;
            font-size: 1rem;
        }


    /* =====================================================
       MOBILE DATA TABLE CONTROLS
       ===================================================== */

    .boat-options-mobile-table .form-control[b-p85jb6ruoz],
    .boat-options-mobile-table .form-select[b-p85jb6ruoz] {
        font-size: 0.9rem;
    }


    /* =====================================================
       EXTRA SMALL PHONES
       ===================================================== */

    @media (max-width: 420px) {

        .boat-mobile-details-grid[b-p85jb6ruoz] {
            grid-template-columns: 1fr;
            gap: 0.5rem;
        }

        .boat-mobile-description[b-p85jb6ruoz] {
            font-size: 0.875rem;
        }

        .boat-mobile-flag-row[b-p85jb6ruoz] {
            font-size: 0.84rem;
        }
    }
}

/* =====================================================
   MOBILE LOOKUP DETAILS
   Same flat style as Model Options
   ===================================================== */

.boat-mobile-lookup-detail[b-p85jb6ruoz] {
    padding: 0.45rem 0;
    border-bottom: 1px solid var(--bs-border-color);
}

    .boat-mobile-lookup-detail:last-child[b-p85jb6ruoz] {
        border-bottom: 0;
    }

    .boat-mobile-lookup-detail > div:last-child[b-p85jb6ruoz] {
        font-size: 0.875rem;
        line-height: 1.25rem;
        overflow-wrap: anywhere;
    }

/* =====================================================
   MOBILE REPLACEMENT RULES
   ===================================================== */

.boat-mobile-rule-action[b-p85jb6ruoz] {
    color: var(--bs-secondary-color);
    font-size: 0.72rem;
    font-weight: 600;
    text-transform: uppercase;
    white-space: nowrap;
}
/* =====================================================
   MOBILE LABOR RESOURCE
   ===================================================== */

.boat-mobile-labor-row[b-p85jb6ruoz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0.65rem 0;
}

.boat-mobile-labor-hours[b-p85jb6ruoz] {
    flex: 0 0 auto;
    min-width: 85px;
    text-align: right;
}

    .boat-mobile-labor-hours .fw-semibold[b-p85jb6ruoz] {
        font-size: 0.95rem;
    }

/* =====================================================
   MOBILE SALES RULES
   ===================================================== */

.boat-mobile-sales-heading[b-p85jb6ruoz] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-bottom: 0.1rem;
}


/* Action text - same idea as Replacement Rules */

.boat-mobile-rule-action[b-p85jb6ruoz] {
    color: var(--bs-secondary-color);
    font-size: 0.72rem;
    font-weight: 600;
    text-transform: uppercase;
    white-space: nowrap;
}


/* Disabled Text */

.boat-mobile-sales-disabled[b-p85jb6ruoz] {
    padding: 0.45rem 0 0.65rem 0;
    border-bottom: 1px solid var(--bs-border-color);
    font-size: 0.875rem;
    line-height: 1.25rem;
    overflow-wrap: anywhere;
}


/* Conditions area */

.boat-mobile-sales-conditions[b-p85jb6ruoz] {
    padding-top: 0.6rem;
}


.boat-mobile-sales-section-title[b-p85jb6ruoz] {
    margin-bottom: 0.35rem;
    color: var(--bs-secondary-color);
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
}


/* Each returned condition record */

.boat-mobile-sales-condition-group[b-p85jb6ruoz] {
    padding: 0.35rem 0 0.5rem 0;
    border-bottom: 1px solid var(--bs-border-color);
}


    .boat-mobile-sales-condition-group:last-child[b-p85jb6ruoz] {
        border-bottom: 0;
    }
/* /Components/Pages/DocumentManagement/DMDocType.razor.rz.scp.css */
[b-1saz0va3rr] .custom-page-dt-height {
    height: 70dvh !important;
}

@media (width >= 992px) and (width <= 1400px) {

    [b-1saz0va3rr] .custom-page-dt-height {
        height: 55dvh !important;
    }
}

@media (width >= 769px) and (width <= 991px) {

    [b-1saz0va3rr] .custom-page-dt-height {
        height: 75dvh !important;
    }
}

@media (width <= 768px) {

    [b-1saz0va3rr] .custom-page-dt-height {
        height: auto !important;
    }
}
/* /Components/Pages/DocumentManagement/DMTables.razor.rz.scp.css */
[b-2t6u9kxdfe] .custom-page-dt-height {
    height: 70dvh !important;
}

@media (width >= 992px) and (width <= 1400px) {

    [b-2t6u9kxdfe] .custom-page-dt-height {
        height: 55dvh !important;
    }
}

@media (width >= 769px) and (width <= 991px) {

    [b-2t6u9kxdfe] .custom-page-dt-height {
        height: 75dvh !important;
    }
}

@media (width <= 768px) {

    [b-2t6u9kxdfe] .custom-page-dt-height {
        height: auto !important;
    }
}
/* /Components/Pages/DocumentManagement/SysDocument.razor.rz.scp.css */
[b-72sl6x8uvz] .custom-page-dt-height {
    height: 80dvh !important;
}

@media (width >= 992px) and (width <= 1400px) {

    [b-72sl6x8uvz] .custom-page-dt-height {
        height: 55dvh !important;
    }
}

@media (width >= 769px) and (width <= 991px) {

    [b-72sl6x8uvz] .custom-page-dt-height {
        height: 75dvh !important;
    }
}

@media (width <= 768px) {

    [b-72sl6x8uvz] .custom-page-dt-height {
        height: auto !important;
    }
}
/* /Components/Pages/InventoryAdjustments/InventoryAdjustment.razor.rz.scp.css */
@media (max-width: 767.98px) {

    .inventory-part-summary[b-qpkiljhqp9] {
        display: grid;
        grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
        grid-template-areas:
            "part uom"
            "description description";
        gap: 0.5rem 1rem;
        margin: 0 0 1rem !important;
        padding: 0.5rem;
        border-bottom: 1px solid var(--bs-border-color);
    }

        .inventory-part-summary > div[b-qpkiljhqp9] {
            width: auto;
            min-width: 0;
            margin: 0;
            padding: 0;
        }

    .inventory-summary-part[b-qpkiljhqp9] {
        grid-area: part;
    }

    .inventory-summary-uom[b-qpkiljhqp9] {
        grid-area: uom;
    }

    .inventory-summary-description[b-qpkiljhqp9] {
        grid-area: description;
    }

    .inventory-part-summary .card[b-qpkiljhqp9] {
        padding: 0 !important;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        background: transparent;
    }

    .inventory-part-summary small[b-qpkiljhqp9] {
        color: var(--bs-body-color) !important;
        opacity: 0.75;
        font-size: 0.75rem;
        line-height: 1rem;
        margin-bottom: 0.1rem;
    }

    .inventory-part-summary span[b-qpkiljhqp9] {
        color: var(--bs-body-color);
        font-size: 0.9rem;
        line-height: 1.25rem;
        overflow-wrap: anywhere;
    }

    .inventory-summary-part span[b-qpkiljhqp9] {
        font-weight: 600;
    }
}
/* /Components/Pages/LaminationCompletions/LaminationCompletion.razor.rz.scp.css */
[b-dp6qrio6e6] .custom-page-dt-height {
    height: 60dvh !important;
}

@media (width >= 992px) and (width <= 1400px) {

    [b-dp6qrio6e6] .custom-page-dt-height {
        height: 55dvh !important;
    }
}

@media (width >= 769px) and (width <= 991px) {

    [b-dp6qrio6e6] .custom-page-dt-height {
        height: 75dvh !important;
    }
}

@media (width <= 768px) {

    [b-dp6qrio6e6] .custom-page-dt-height {
        height: auto !important;
    }
}
/* /Components/Pages/Mold/MoldGroupDetail.razor.rz.scp.css */

[b-0kdtpdwxyx] .custom-page-inputtext-width {
    width: 100% !important;
}

@media (width <= 768px) {
    [b-0kdtpdwxyx] .custom-page-inputtext-width {
        width: 73% !important;
    }
}

@media (width >= 769px) and (width <= 1200px) {

    [b-0kdtpdwxyx] .custom-page-inputtext-width {
        width: 86% !important;
    }
}
/* /Components/Pages/Mold/MoldGroups.razor.rz.scp.css */
[b-n3pyeeb70j] .custom-page-dt-height {
    height: 70dvh !important;
}

@media (width >= 992px) and (width <= 1400px) {

    [b-n3pyeeb70j] .custom-page-dt-height {
        height: 55dvh !important;
    }
}

@media (width >= 769px) and (width <= 991px) {

    [b-n3pyeeb70j] .custom-page-dt-height {
        height: 75dvh !important;
    }
}

@media (width <= 768px) {

    [b-n3pyeeb70j] .custom-page-dt-height {
        height: auto !important;
    }
}
/* /Components/Pages/PartsOrders/PartsOrder.razor.rz.scp.css */
@media (min-width: 1240px) {
    td[data-label="Description"][b-18p2dd4s5n],
    td[data-label="Comment"][b-18p2dd4s5n],
    th[data-label="Description"][b-18p2dd4s5n],
    th[data-label="Comment"][b-18p2dd4s5n],
    td[data-label="Name"][b-18p2dd4s5n],
    th[data-label="Name"][b-18p2dd4s5n] {
        min-width: 140px; /* adjust as needed */
        max-width: 250px;
        white-space: normal; /* allow wrapping */
        word-wrap: break-word;
        word-break: break-word;
        text-align: left;
    }

    td[data-label="Department"][b-18p2dd4s5n],
    td[data-label="Part"][b-18p2dd4s5n],
    th[data-label="Part"][b-18p2dd4s5n],
    th[data-label="Department"][b-18p2dd4s5n] {
        min-width: 95px;
        max-width: 200px;
        white-space: normal;
        word-wrap: break-word;
        word-break: break-word;
        text-align: left;
        padding: 5px !important;
    }
}

td[b-18p2dd4s5n] {
    text-align: center;
    vertical-align: middle;
    padding: 5px 5px 5px 10px !important;
}

@media (max-width: 600px) {
    .PartsOrderTable td[b-18p2dd4s5n] {
        text-align: left !important;
        vertical-align: middle !important;
        padding-left: 8px !important;
    }

    .PartsOrdertablewrapper table[b-18p2dd4s5n] {
        display: block;
        white-space: normal;
    }

    .dropdown-item:hover[b-18p2dd4s5n] {
        background-color: #B6E7F8;
        color: black !important;
    }

    .dropdown-header[b-18p2dd4s5n] {
        display: flex !important;
        border: 1px solid var(--border-color);
        border-radius: 6px;
        padding: 8px 12px;
        cursor: pointer;
        justify-content: space-between !important;
        align-items: center;
        margin-left: 0px !important;
    }
}

.custom-dropdown .dropdown-list[b-18p2dd4s5n] {
    border: 1px solid #dee2e6;
}

.dropdown-list[b-18p2dd4s5n] {
    position: absolute;
    width: 99%;
    border: 1px solid #ced4da;
    border-radius: 6px;
    z-index: 1000;
    max-height: 22vh;
    overflow-y: auto;
}

.dropdown-item[b-18p2dd4s5n] {
    padding: 6px 10px;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    background-color: var(--modal-bg)
}

    .dropdown-item:hover[b-18p2dd4s5n] {
        background-color: #B6E7F8;
    }

.custom-dropdown .dropdown-item[b-18p2dd4s5n] {
    cursor: pointer;
}

    .custom-dropdown .dropdown-item:hover[b-18p2dd4s5n] {
        background-color: #B6E7F8;
    }

@media (min-width: 768px) and (max-width: 1200px) {
    .dropdown-header[b-18p2dd4s5n] {
        white-space: normal;
    }

    .custom-page-margin-mobile-x[b-18p2dd4s5n]{
        margin-left: 4px;
        margin-right: 4px;
    }
}

@media (width <= 767px){
    [b-18p2dd4s5n] .custom-page-margin-mobile-x {
        margin-left: 6px !important;
        margin-right: 6px !important;
    }
}
/* /Components/Pages/PartsTracker/PartTracker.razor.rz.scp.css */
@media (max-width: 767.98px) {

    /* Contenedor móvil: estilo plano */
    .part-modal-mobile[b-c466c0ce9o] {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        background: transparent;
        color: var(--bs-body-color);
    }

        /* Cada registro */
        .part-modal-mobile .part-modal-record[b-c466c0ce9o] {
            padding: 0 0.5rem;
            border-bottom: 1px solid var(--bs-border-color);
            background: transparent;
        }

            /* Información siempre visible */
            .part-modal-mobile .part-modal-record > .d-flex[b-c466c0ce9o] {
                padding: 0.65rem 0;
            }

        .part-modal-mobile .part-modal-summary[b-c466c0ce9o] {
            min-width: 0;
            font-size: 0.9rem;
            line-height: 1.25rem;
            color: var(--bs-body-color);
            word-break: break-word;
        }

        /* Botón de expansión: igual que Boat Options */
        .part-modal-mobile .part-modal-toggle[b-c466c0ce9o] {
            flex: 0 0 auto;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border: 0;
            background: transparent;
            color: var(--bs-body-color);
            padding: 0.25rem;
            font-size: 1.35rem;
            line-height: 1;
            cursor: pointer;
        }

            .part-modal-mobile .part-modal-toggle:focus[b-c466c0ce9o] {
                outline: none;
                box-shadow: none;
            }

        /* Área expandida */
        .part-modal-mobile .part-modal-details[b-c466c0ce9o] {
            padding: 0.65rem 0 0.8rem;
            border-top: 1px solid var(--bs-border-color);
        }

        /* Mismo grid de Boat Options */
        .part-modal-mobile .order-details-grid[b-c466c0ce9o] {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 0.75rem;
            padding: 0.5rem 0;
        }

            .part-modal-mobile .order-details-grid > div[b-c466c0ce9o] {
                min-width: 0;
                overflow-wrap: anywhere;
            }

            /* Etiquetas de los detalles */
            .part-modal-mobile .order-details-grid p.text-secondary[b-c466c0ce9o] {
                color: var(--bs-secondary-color) !important;
                font-size: 0.75rem;
                line-height: 1rem;
                margin: 0 0 0.1rem !important;
            }

            /* Valores */
            .part-modal-mobile .order-details-grid span[b-c466c0ce9o] {
                font-size: 0.875rem;
                line-height: 1.25rem;
            }

        .part-modal-mobile .part-modal-description[b-c466c0ce9o] {
            font-size: 0.9rem;
            line-height: 1.25rem;
            color: var(--bs-body-color);
            word-break: break-word;
        }

        .part-modal-mobile .part-modal-label[b-c466c0ce9o] {
            color: var(--bs-body-color);
            opacity: 0.75;
            font-size: 0.75rem;
            line-height: 1rem;
            margin-bottom: 0.1rem;
        }
}

/* Igual que Boat Options en teléfonos pequeños */
@media (max-width: 420px) {

    .part-modal-mobile .order-details-grid[b-c466c0ce9o] {
        grid-template-columns: 1fr;
        gap: 0.5rem;
    }

    .part-modal-mobile .part-modal-summary[b-c466c0ce9o] {
        font-size: 0.875rem;
    }
    .part-modal-mobile .part-modal-description[b-c466c0ce9o] {
        font-size: 0.875rem;
    }
}
/* /Components/Pages/ProductionCalendars/ProductionCalendar.razor.rz.scp.css */
.production-calendar-filter[b-cmtvk35nwg] {
    min-width: 180px;
}

[b-cmtvk35nwg] .production-calendar-table {
    font-size: 0.9rem;
}

    [b-cmtvk35nwg] .production-calendar-table th {
        vertical-align: middle;
    }

    [b-cmtvk35nwg] .production-calendar-table td {
        vertical-align: middle;
        height: 30px;
    }

        [b-cmtvk35nwg] .production-calendar-table td.pc-calendar-true {
            background-color: var(--success-color-light);
        }

        [b-cmtvk35nwg] .production-calendar-table td.pc-calendar-false {
            background-color: var(--danger-color-light);
        }

            [b-cmtvk35nwg] .production-calendar-table td.pc-calendar-true input[type="checkbox"],
            [b-cmtvk35nwg] .production-calendar-table td.pc-calendar-false input[type="checkbox"] {
                width: 17px;
                height: 17px;
                cursor: pointer;
            }

                [b-cmtvk35nwg] .production-calendar-table td.pc-calendar-true input[type="checkbox"]:disabled,
                [b-cmtvk35nwg] .production-calendar-table td.pc-calendar-false input[type="checkbox"]:disabled {
                    cursor: wait;
                    opacity: 0.75;
                }

@media (max-width: 768px) {
    [b-cmtvk35nwg] .production-calendar-table {
        min-width: 900px;
    }

    .production-calendar-filter[b-cmtvk35nwg] {
        min-width: 100%;
    }
}
/* /Components/Pages/PurchasesOrders/PurchaseOrders.razor.rz.scp.css */
.custom-page-col-display[b-lunjy1ovyv] {
    display: table-cell;
}

.custom-page-expand-btn-display[b-lunjy1ovyv] {
    display: none;
}

@media(max-width: 1280px) {
    .custom-page-col-display[b-lunjy1ovyv] {
        display: none;
    }

    .custom-page-expand-btn-display[b-lunjy1ovyv] {
        display: flex;
    }
}


[b-lunjy1ovyv] .custom-page-dt-height {
    height: 65dvh !important;
}

@media (width >= 992px) and (width <= 1400px) {

    [b-lunjy1ovyv] .custom-page-dt-height {
        height: 55dvh !important;
    }
}

@media (width >= 769px) and (width <= 991px) {

    [b-lunjy1ovyv] .custom-page-dt-height {
        height: 75dvh !important;
    }
}

@media (width <= 768px) {

    [b-lunjy1ovyv] .custom-page-dt-height {
        height: auto !important;
    }
}
/* /Components/Pages/ScheduleLate/ScheduleLate.razor.rz.scp.css */
[b-rs90fvrtrr] .custom-page-dt-height {
    height: 60dvh !important;
}

@media (width >= 992px) and (width <= 1400px) {

    [b-rs90fvrtrr] .custom-page-dt-height {
        height: 35dvh !important;
    }
}

@media (width >= 769px) and (width <= 991px) {

    [b-rs90fvrtrr] .custom-page-dt-height {
        height: 75dvh !important;
    }
}

@media (width <= 768px) {

    [b-rs90fvrtrr] .custom-page-dt-height {
        height: auto !important;
    }
}
/* /Components/Pages/Schedules/Schedule.razor.rz.scp.css */

.iframe-container[b-do7cydg5id] {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    overflow: hidden;
}

    .iframe-container iframe[b-do7cydg5id] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: none;
        display: block;
    }

@media screen and (max-width: 992px) {
    .iframe-container[b-do7cydg5id] {
        padding-top: 66.66%; 
    }
}

@media screen and (max-width: 576px) {
    .iframe-container[b-do7cydg5id] {
        padding-top: 100%; 
    }
}
/* /Components/Pages/Settings/SystemSettings.razor.rz.scp.css */
.d-table-stacked-colum[b-h2ams0te4r]
{
    display:none;
}

@media (width >= 1281px) {
    .d-none-table-stacked-colum[b-h2ams0te4r] {
        display: none !important;
    }
}

@media (min-width: 1281px) {
    .d-table-stacked-row[b-h2ams0te4r] {
        display: table-row !important;
    }
}



/* /Components/Pages/Stockroompulls/Stockroompull.razor.rz.scp.css */
@media (max-width: 768px) {
    
    .table-responsive[b-1qbyd8enxw] {
        overflow-x: hidden !important;
    }

    table.table[b-1qbyd8enxw] {
        table-layout: fixed;
        width: 100%;
    }

    td.col-PartNo[b-1qbyd8enxw],
    th.col-PartNo[b-1qbyd8enxw] {
        width: 25%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    td.col-Description[b-1qbyd8enxw],
    th.col-Description[b-1qbyd8enxw] {
        width: 50%;
        white-space: normal;
        overflow-wrap: anywhere;
    }

    td.col-QtyToIssue[b-1qbyd8enxw],
    th.col-QtyToIssue[b-1qbyd8enxw] {
        width: 25%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: center;
    }
}
/* /Components/Shared/Toast/Toast.razor.rz.scp.css */
/* CSS for Toast component */
:root[data-theme="dark"] .alert-danger[b-7lo93a2ov1] {
    background-color: #3b1219 !important;
    border-color: #842029 !important;
    color: #f8d7da !important;
}

:root[data-theme="dark"] .alert-warning[b-7lo93a2ov1] {
    background-color: #332701 !important;
    border-color: #664d03 !important;
    color: #fff3cd !important;
}

:root[data-theme="dark"] .alert-success[b-7lo93a2ov1] {
    background-color: #0a2e1a !important;
    border-color: #0f5132 !important;
    color: #d1e7dd !important;
}

:root[data-theme="dark"] .alert-info[b-7lo93a2ov1] {
    background-color: #062330 !important;
    border-color: #055160 !important;
    color: #cff4fc !important;
}
/* /Components/UploadFile.razor.rz.scp.css */
.upload-box[b-bb3f5dxqts] {
    border: 2px dashed #ccc;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: border-color 0.3s;
    text-align: center;
    width: 100%;
    height: max-content;
}

.selected-files[b-bb3f5dxqts] {
    border: 1px dashed #ccc;
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-content: center;
    width: 100%;
    padding: 20px;
}

    .upload-box:hover[b-bb3f5dxqts], .selected-files:hover[b-bb3f5dxqts] {
        border-color: var(--accent-color);
    }

.upload-placeholder img[b-bb3f5dxqts] {
    width: 30px;
    height: 30px;
    margin-bottom: 8px;
}

.upload-overlay[b-bb3f5dxqts] {
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 80px;
    background-color: rgba(0,0,0,0.5);
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.75rem;
    border-radius: 5px;
}

.file-box span[b-bb3f5dxqts] {
    word-break: break-all;
    font-size: 0.85rem;
}

.btn-submit[b-bb3f5dxqts] {
    background-color: #000;
    color: #fff;
    border: none;
    padding: 12px 25px;
    border-radius: 5px;
    cursor: pointer;
}
.btn:hover[b-bb3f5dxqts] {
    color: #151515 !important;
}
.file-box[b-bb3f5dxqts] {
    position: relative;
}

.remove-btn[b-bb3f5dxqts] {
    position: absolute;
    top: -10px;
    right: 0;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    font-size: 14px;
    padding: 0;
    background-color: transparent;
    color: #f27676;
    font-weight: bold;
}

#crossbtn[b-bb3f5dxqts] {
    bottom: 7px !important;
    position: relative;
    margin-bottom: 14px !important;
    left: 9px;
}