@import "//_content/MudBlazor/MudBlazor.min.css";

.fa-icon-small {
    font-size: 1em !important;
}

.upper-case input {
    text-transform: uppercase !important;
}

table tr td.info {
    background-color: var(--mud-palette-info-lighten) !important;
    color: var(--mud-palette-info-text) !important;
}

table tr:hover td.info {
    background-color: var(--mud-palette-info) !important;
}

table tr td.info .mud-icon-button .mud-icon-button-label {
    color: var(--mud-palette-info-text) !important;
}

table tr td.success {
    background-color: var(--mud-palette-success-lighten) !important;
    color: var(--mud-palette-success-text) !important;
}

table tr:hover td.success {
    background-color: var(--mud-palette-success) !important;
}

table tr td.success .mud-icon-button .mud-icon-button-label {
    color: var(--mud-palette-success-text) !important;
}

table tr td.error {
    background-color: var(--mud-palette-error-lighten) !important;
    color: var(--mud-palette-error-text) !important;
}

table tr:hover td.error {
    background-color: var(--mud-palette-error) !important;
}

table tr td.error .mud-icon-button .mud-icon-button-label {
    color: var(--mud-palette-error-text) !important;
}

table tr td.warn {
    background-color: var(--mud-palette-warning-lighten) !important;
    color: var(--mud-palette-warning-text) !important;
}

table tr:hover td.warn {
    background-color: var(--mud-palette-warning) !important;
}

table tr td.warn .mud-icon-button .mud-icon-button-label {
    color: var(--mud-palette-warning-text) !important;
}

.dashboard-card {
    padding-bottom: 12px;
}

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

.dashboard-card > .mud-card-content {
    height: 275px;
    overflow-y: auto;
}

.graph-container {
    
}

.graph-container > canvas {
    width: 100%;
    min-height: 330px;
    min-width: 660px;
}