/*:root {
    --bs-body-bg: #f4f7f9 !important;
    --bs-card-bg: #ffffff !important;
    --bs-table-bg: var(--bs-card-bg);
}

[data-theme="dark"] {
    --bs-body-bg: #ff6a00;
}
*/

/* Preview Card */
.preview-card {
    position: relative;
    border: 1px solid #ddd;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}

/* Image */
.preview-img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

/* Floating Remove Button */
.remove-btn {
    position: absolute;
    top: 6px;
    right: 6px;
    background: rgba(255,255,255,0.9);
    border: none;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    z-index: 10;
}

.no-break {
    page-break-inside: avoid;
    break-inside: avoid;
}

/* Perfect square that fills col-md-4 width */
.color-square {
    aspect-ratio: 1 / 1;
    width: 100%;
    border: 1px solid #333;
    border-radius: 6px;
}

.no-bottom-border > td,
.no-bottom-border > th {
    border-bottom: 0 !important;
}

.fs-12px {
    font-size: 12px !important;
}

.apexcharts-title-text, .apexcharts-xaxis-title-text, .apexcharts-yaxis-title-text {
    display: none;
}

.no-border-last-row tr:last-child td {
    border-bottom: none !important;
}


.dropdown-item {
    padding-top: 7px;
    padding-bottom: 7px;
    cursor: pointer;
}

.mw-120{
    min-width:120px;
}

.w-35{
    min-width:35% !important;
    width:35% !important;
}

.w-75px{
    width:75px !important;
    min-width:75px;
}

.w-100px {
    width: 100px !important;
    min-width: 100px;
}

.w-150px {
    width: 150px !important;
    min-width: 150px;
}

.w-200px {
    width: 200px !important;
    min-width: 200px;
}

.mh-100px{
    max-height:100px;
}

.top-15 {
    top: 15% !important;
}

.form-group {
    margin-bottom: 10px;
}

#blazor-error-ui {
    color:black;
    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 {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }


.validation-message{
    color:red;
}

.thumb-img {
    max-height: 50px;
    height: 50px;
    min-width: 50px;
    min-height: 50px;
    width: auto;
    max-width: auto;
}
.thumb-img-75 {
    max-height: 75px;
    height: 75px;
    min-height: 75px;
    min-width: 75px;
    width: auto;
    max-width: auto;
}
.thumb-img-100 {
    max-height: 100px;
    height: 100px;
    min-width: 100px;
    min-height: 100px;
    width: auto;
    max-width: auto;
}


.thumb-img-150 {
    width: 150px;
    height: 150px;
    object-fit: contain; /* keeps aspect ratio, no cropping */
    object-position: center;
    display: block; /* optional, avoids inline gaps */
}


.thumb-img-175 {
    width: 175px;
    height: 175px;
    object-fit: contain; /* keeps aspect ratio, no cropping */
    object-position: center;
    display: block; /* optional, avoids inline gaps */
}

.thumb-img-200 {
    width: 200px;
    height: 200px;
    object-fit: contain; /* keeps aspect ratio, no cropping */
    object-position: center;
    display: block; /* optional, avoids inline gaps */
}

.micon {
    min-width: 35px !important;
    min-height: 35px !important;
}
.top-btn{
    max-height:32px;
    max-width:32px;
}
.allot-col{
    width:35%;
}
.order-thumb-img {
    max-width: 70px;
    width: 70px;
    min-height: 70px;
    height: auto;
    max-width: auto;
    border-radius: .65rem;
}
.slabel{
    height:2.25rem !important;
    width:2.25rem !important;
}
a {
    text-decoration:none !important;
}
label{
    color:grey !important;
    margin-bottom:5px;
}
.cursor-pointer{
    cursor:pointer;
}
.btn-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 0.375rem;
    cursor: pointer;
    transition: background-color 0.2s ease-in-out;
}
.btn-icon .material-icons, .material-symbols-outlined {
        font-size: 1.5rem;
        line-height: 1;
        vertical-align: middle;
    }

/*HTML Reports Related CSS*/
/* === A4 Layout Sizing === */
.a4-width {
    width: 8.27in;
    min-height: 11.69in;
    margin: auto;
    font-size:14px !important;
}
.landscape-layout .a4-width {
    width: 11.69in;
    min-height: 8.27in;
}

/* === Print Optimization === */
@media print {
    body {
        margin: 0;
        padding: 0;
    }

    .report-controls {
        display: none !important;
    }

  /*  .a4-width {
        width: 100% !important;
        min-height: auto !important;
        padding: 0 !important;
        margin: 0 auto !important;
        box-sizing: border-box;
    }*/

    #reportContent {
        padding: 0 !important;
        margin: 0 !important;
    }

    .page-break {
        break-after: page;
    }
}


.color-box {
    width: 16px;
    height: 16px;
    border-radius: 3px;
    border: 1px solid #ccc;
    display: inline-block;
}