.mud-card-header {
    margin-top: 0px !important;
    /*background: #efefef;*/
    padding: 8px 14px;
}

header .mud-toolbar {
    /*border: 1px solid #f1f1f1 !important;
    background: #f5f5f5 !important;*/
}

.mud-drawer {
    /*background:#f9f9f9;*/
}

    .mud-drawer.mud-drawer-responsive.mud-drawer-pos-left.mud-drawer--open, .mud-drawer.mud-drawer-persistent.mud-drawer-pos-left.mud-drawer--open {
        top: 64px;
    }

@media (max-width: 959px) {
    .mud-drawer.mud-drawer-responsive.mud-drawer-pos-left.mud-drawer--open, .mud-drawer.mud-drawer-persistent.mud-drawer-pos-left.mud-drawer--open {
        top: 0px;
    }
}

.mud-drawer-open-responsive-md-left.mud-drawer-left-clipped-never .mud-appbar {
    margin-left: 0px !important;
    width: 100%;
}

.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 10px 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 {
    body, embed, html {
        /*margin-top: -35px;*/
    }

    .label-card {
        page-break-after: always;
        /* Ensure each label is printed on a new page */
        border: none;
        /* Remove border for printing */
    }

    .trolleyContainer {
        margin: .0cm;
        margin-top: 0px;
        width: 100%;
        page-break-after: always !important;
        color: #000 !important;
    }

    .trolley {
        margin: 0px !important;
        margin-top: 1px;
        page-break-inside: avoid; /* Prevents breaking items across pages */
        border: none !important;
        break-inside: avoid;
        page-break-after: always !important;
    }

    .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 !important;
        visibility: hidden !important;
    }
}


@media print {
    body {
        /*visibility: hidden;*/
    }

    body, embed, html {
        margin-top: -40px;
        margin-left: -6px;
    }

    #labelContainer {
        visibility: visible;
        position: absolute;
        left: 1px;
        top: 1px;
        color: #000;
        margin-top: 80px !important;
        margin-left: 15px !important;
    }

    /*#trolleyContainer {
        visibility: visible;
        position: absolute;
        left: 10px;
        top: 10px;
        page-break-inside: avoid;*/ /* Prevents breaking items across pages */
    /*break-inside: avoid;
    }*/

    .label-card {
        border: none !important;
    }
    /*.trolley {
        margin: 0px;
        left:0px;
        top:0px;
        padding: 0px;
    }*/
}


.btn-add-top-absolute {
    position: absolute;
    top: 120px;
    right: 40px;
    z-index: 999;
    display: grid
}

.btn-add-bottom-fixed {
    position: fixed;
    bottom: 50px;
    right: 20px;
    z-index: 999;
    display: grid
}


.tbl-selected-row {
    background-color: #e7e7e7 !important;
    color: black !important;
}

    .tbl-selected-row .mud-button-text, .tbl-selected-row .mud-chip-content {
        color: black !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 {
    display: block;
    /*background: #f8f8f8;
    border-color: #e7e7e7;*/
    /*text-align: center;*/
    padding: 10px 0px 0px 20px;
}

    .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: -10px 0px -4px -20px !important;
}


.mud-table-root .mud-table-head .mud-table-cell {
    font-weight: bold;
}


.mud-drawer .mud-nav-link, .mud-drawer .mud-nav-item, .mud-drawer .mud-nav-group {
    /*border-top: 1px solid #eee !important;*/
}

.mud-popover .mud-list-item-clickable {
    /*border-bottom: 1px solid #eee !important;*/
}


.custom-grid .mud-table-cell {
    padding: 6px 24px 0px 16px !important;
}



.kplr-loader {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 200px;
}


.kplr-primary-tabs .mud-tab-active {
    color: white !important;
    background: #666 !important;
}

.kplr-secondary-tabs .mud-tab-active {
    color: white !important;
    background: #ad0405 !important;
}

.kplr-secondary-tabs .mud-table-cell:last-child {
    padding: 0px !important;
}

.kplr-secondary-tabs .mud-card-content {
    padding: 0px !important;
}


.txt-padding-8 {
    padding: 8px !important;
}



.custom-tiny-table {
}

    .custom-tiny-table .mud-table-cell {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .custom-tiny-table .mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text {
        margin-top: 0px !important;
    }


.tox-promotion, .tox-statusbar {
    display:none !important;
}

.tox.tox-tinymce-aux {
    z-index: 100000 !important;
}