/*: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;
}
*/


.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;
}

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

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

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

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

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

.blazored-toast {
    padding: 5px 15px !important;
    width: 300px !important;
}

.blazored-toast-message {
    margin-bottom: 10px !important;
}

.blazored-toast-body .blazored-toast-header h5 {
    margin-top: 10px;
    font-size: 1.25rem !important;
    /*text-transform: none !important;*/
}

.blazored-typeahead__input {
    padding: .4rem .5rem .4rem .5rem !important;
}

#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;
    width:auto;
    max-width: auto;
}
.thumb-img-75 {
    max-height: 75px;
    height: 75px;
    min-width: 75px;
    width: auto;
    max-width: auto;
}
.thumb-img-100 {
    max-height: 100px;
    height: 100px;
    min-width: 100px;
    width: auto;
    max-width: auto;
}
.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;
    }
}