﻿.mud-card-header {
    margin-top: 0px !important;
    background: #efefef;
    padding: 8px 14px;
}

.mud-card-header1 {
    margin-top: 0px !important;
    background: #594AE2 !important;
    padding: 8px 14px;
    color:white;
}

.mud-breadcrumb-item > a {
    color: rgba(89,74,226,1);
}

.special-less {
    padding: 0px 41px 40px 40px !important;
    margin-top: -30px !important;
}

.mud-badge.mud-badge-top.right {
    inset: auto auto calc(100% - 20px) calc(100% - 24px);
}

#labelContainer {
    flex: 2;
    display: block; /* Only show this during printing if it's labels */
    /* This allows the label container to take up more space if needed */
}

/* Label styles for printing */
.label-card {
    border: 1px solid #000;
    /* Black border */
    padding: 10px 20px 20px 10px;
    /* Padding inside the label */
    width: 8cm;
    /* Fixed width */
    height: 6cm;
    /* Fixed height */
    box-sizing: border-box;
    /* Box sizing to include padding and border in dimensions */
    margin-bottom: 1cm;
    /* Margin below each label */
    display: flex;
    /* Flexbox for inner content */
    flex-direction: column;
    /* Vertical layout */
    justify-content: space-evenly;
    /* Even spacing of children */
}

    .label-card h4 {
        font-size: 17px;
        display: block;
        margin-block-start: 0.3em;
        margin-block-end: 0.3em;
        margin-inline-start: 0px;
        margin-inline-end: 0px;
        font-weight: bold;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    }


    .label-card h5 {
        font-size: smaller;
        display: block;
        margin-block-start: 0.3em;
        margin-block-end: 0.3em;
        margin-inline-start: 0px;
        margin-inline-end: 0px;
        font-weight: bold;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    }


    .label-card h6 {
        display: block;
        margin-block-start: 0.3em;
        margin-block-end: 0.3em;
        margin-inline-start: 0px;
        margin-inline-end: 0px;
        font-weight: bold;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    }


.trolley {
    border: 1px solid #000;
    padding: 10px 20px 20px 10px;
    text-align: center;
    width: 6.7cm;
    height: 2.5cm;
    box-sizing: border-box;
}


/* Print-specific styles */
@media print {
    .label-card {
        page-break-after: always;
        /* Ensure each label is printed on a new page */
        border: none;
        /* Remove border for printing */
    }

    #trolleyContainer {
        margin: 0.5cm;
        width: 100%;
        display: block; /* Only show this during trolley printing */
    }

    .trolley { /* Style for the individual trolley items */
        /* Add your styles here */
        page-break-inside: avoid; /* Prevents breaking items across pages */
        border: 1px solid black; /* Example style */
    }

    .trolley-item {
        /* Your styles for the trolley items */
        width: calc(30% - 10px); /* Adjust as necessary */
        border: 1px solid #000;
        margin-bottom: 10px;
        padding: 20px;
        page-break-inside: avoid;
    }

    .no-print {
        display: none;
    }
}


@media print {
    body {
        visibility: hidden;
    }

    #labelContainer {
        visibility: visible;
        position: absolute;
        left: 0px;
        top: 0px;
    }

    #trolleyContainer {
        visibility: visible;
        position: absolute;
        left: 10px;
        top: 10px;
    }

    .label-card {
        border: 1px solid black; 
    }
}


.btn-add-bottom-fixed {
    position: fixed;
    bottom: 50px;
    right: 20px;
    z-index: 999;
    display: grid
}


.tbl-selected-row {
    background-color: #e7e7e7 !important;
}

.mud-table-dense .mud-table-container .mud-table-root .mud-table-body .mud-table-row .mud-button-text{
    padding: 0px 8px !important;
}


.mud-table-dense .mud-table-container .mud-table-root .mud-table-body .mud-table-row .mud-icon-button.mud-button {
    padding: 0px 2px !important;
}


.mud-table-dense .mud-table-container .mud-table-root .mud-table-body .mud-table-row .mud-switch-span-medium.mud-switch-span
{
    margin:-6px !important;
}

.mud-dialog-content {
    overflow: auto !important;
    max-height: calc(100vh - 125px) !important;
}

.mud-dialog .mud-dialog-content {
    padding:12px 24px !important;
}

.mud-drawer-header{
    background:#fafafa;
}

    .mud-drawer-header .mud-typography-h4 {
        font-weight: bold !important;
    }

.mud-simple-table.mud-table-dense * tr td, .mud-simple-table.mud-table-dense * tr th {
    padding: 0px 13px !important;
}


.quotation-material-paper {
    padding: 6px 14px !important;
    
    margin: 0px -6px !important;
    font-size:12px !important;
}

.quotation-material-paper input{
    font-size:12px !important;
}

.mud-breadcrumbs {
    margin: 0px -15px !important;
}


.mud-table-root .mud-table-head .mud-table-cell
{
    font-weight:bold;
}