.no-background {
    background-color: transparent;
}

.flex-break-gray {
    border-bottom: 1px solid var(--mud-palette-lines-inputs);
}

.blurry-overlay {
    backdrop-filter: blur(10px);
}

.no-spinner * {
    -moz-appearance: textfield;
}

.no-spinner * input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.package-title {
    color: var(--mud-palette-dark-text);
    background-color: var(--mud-palette-gray-darker);
}

.package-title-deferred {
    color: var(--mud-palette-warning-text);
    background-color: var(--mud-palette-warning);
}

.package-title-estimate {
    color: var(--mud-palette-dark-text);
    background-color: #1976D2; /* Blue.Darken2 */
}

.message-error {
    background-color: #E53935; /* Red.Darken1 */
    color: var(--mud-palette-white);
}

.message-error-darken {
    background-color: #B71C1C; /* Red.Darken4 */
    color: var(--mud-palette-white);
}

.message-warning {
    background-color: #FB8C00; /* Orange.Darken1 */
    color: var(--mud-palette-white);
}

.message-warning-darken {
    background-color: #E65100; /* Orange.Darken4 */
    color: var(--mud-palette-white);
}

.service-header {
    color: var(--mud-palette-info-text);
    background-color: var( --mud-palette-info);
}

.deferred-header {
    color: var(--mud-palette-dark-text);
    background-color: #424242; /* Gray.Darken3 */
}

.estimate-header {
    color: var(--mud-palette-dark-text);
    background-color: #424242; /* Gray.Darken3 */
}

.package-line:hover {
    background-color: var(--mud-palette-action-default-hover);
}

.inspection-header {
    color: var(--mud-palette-text);
    background-color: var(--mud-palette-gray-light);
}

.inspection-header:hover {
    background-color: var(--mud-palette-action-default-hover);
}

.inspection-line:hover {
    background-color: var(--mud-palette-action-default-hover);
}

.inspection-line-result-large {
    display: none !important;
}

.inspection-line-result-small {
    display: flex !important;
    width: 50px;
}

@media (min-width: 600px) {
    .inspection-line-result-large {
        display: flex !important;
    }

    .inspection-line-result-small {
        display: none !important;
    }
}

.inspection-code-selected {
    background-color: transparent;
}

.inspection-measurement-entry {
    min-width: 100px;
}

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

.service-chip {
    max-width: 200px;
    padding-left: 0.8em;
    justify-content: left;
}

.service-chip-text {
    overflow: hidden;
    text-overflow: ellipsis;    
    padding-right: 0.3em;
}

.timeclock-entry-workorder {
    background-color: rgb(12,128,223);
    color: var(--mud-palette-info-text);
}

.timeclock-entry-event {
    background-color: rgb(214,129,0);
    color: var(--mud-palette-warning-text);
}

.timeclock-entry-attendance {
    background-color: rgb(0,163,68);
    color: var(--mud-palette-success-text);
}

.timeclock-entry-neutral {
    background-color: var(--mud-palette-gray-light);
    color: var(--mud-palette-text-primary);
}

.timeclock-status-label {
    max-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.small-progress-ring-icon {
    width: 24px !important;
    height: 24px !important;
}

.tiny-print {
    font-size: xx-small;
}

.mud-checkbox .mud-button-root:hover {
    background-color: transparent;
}