.background-surface {
    background-color: var(--mud-palette-surface);
}

.background-app {
    background-color: var(--mud-palette-primary);
}

.height-full-window {
    height: 100vh;
}

.delete-icon-button:hover {
    color: var(--mud-palette-error-lighten);
}

.list-table.mud-table {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.list-table.mud-table .mud-table-toolbar {
    padding: 24px;
    flex: 0 0 auto;
}

.list-table.mud-table .mud-table-toolbar .mud-input {
    margin-top: 0 !important;
}

.list-table.mud-table .mud-table-container {
    flex-grow: 1;
    padding-left: 8px;
    padding-right: 8px;
}

.list-table.mud-table .mud-table-pagination {
    flex: 0 0 auto;
}

.list-table.mud-table .mud-table-pagination-toolbar {
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.list-table .mud-table-row.list-table-item-inactive .mud-table-cell {
    color: var(--mud-palette-text-secondary);
}

.inactive-item {
    color: var(--mud-palette-text-secondary);
}

.page-border {
    margin: 24px;
}

.page-border-first {
    margin: 24px;
}

.page-border-inner {
    margin: 12px 24px;
}

.page-border-last {
    margin: 12px 24px 24px;
}

@media screen {
    .print-only {
        display: none !important;
    }
}

@media print {
    .mud-main-content {
        padding-top: 0;
    }
    
    .mud-drawer {
        display: none !important;
    }
    
    .no-print {
        display: none !important;
    }
    
    .page-border, .page-border-first, .page-border-inner, .page-border-last {
        margin-left: 0;
        margin-right: 0;
    }
    
    .page-border-first {
        margin-top: 0;
    }
    
    .page-border-last {
        margin-bottom: 0;
    }
    
    .height-full-window {
        height: auto;
    }
    
    .visit-report .mud-grid-item {
        flex-basis: 100%;
        max-width: 100%;
    }
}