:root {
    --background: color-mix(in srgb,var(--mud-palette-background),#000 10%);
    --row-selected: color-mix(in srgb,var(--mud-palette-table-hover),var(--mud-palette-primary) 12%);
    --row-selected-hover: color-mix(in srgb,var(--mud-palette-table-hover),var(--mud-palette-primary) 25%);
    --ref-link: color-mix(in srgb,var(--mud-palette-table-hover),var(--mud-palette-primary) 33%);
}

html, body {
    height: 100vh;
    margin: 0;
    padding: 0;
    background-color: var(--background);
}

.mud-main-content, .mud-drawer-content {
    background-color: var(--background);
}

.h-full {
    height: 100%;
}

.w-full {
    width: 100%;
}


.content {
    padding: 16px;
}

.mud-table-cell {
    max-width: 40rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mud-table-pagination-toolbar {
    display: flex;
    flex-wrap: wrap;
}

.mud-card-header {
    padding-bottom: 0;
}

.dot {
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center
}

.flexOpLog{

}

.row-selected {
    background-color: var(--row-selected) !important;
}

    .row-selected:hover {
        background-color: var(--row-selected-hover) !important;
    }

@media print {
    * {
        print-color-adjust: exact;
    }

    .mud-tabs-toolbar {
        display: none;
    }

    .mud-paper, mud-grid-item {
        page-break-inside: avoid;
    }

    .pagebreak-after {
        page-break-after: always;
    }
 
    .pagebreak-before {
        page-break-before: always;
    }
}