﻿
:root {
    --mud-typography-h3-weight: Bold;
    --mud-default-borderradius: 15px !important;
}

.mud-table-cell {
    padding-top:10px;
}

.recall-cases .arendeRow:hover,
.new-cases .arendeRow:hover,
.waiting-cases .arendeRow:hover,
.active-cases .arendeRow:hover,
.closed-cases .arendeRow:hover,
.recall-cases .arendeRowMobile:hover,
.new-cases .arendeRowMobile:hover,
.waiting-cases .arendeRowMobile:hover,
.active-cases .arendeRowMobile:hover,
.closed-cases .arendeRowMobile:hover {
    background-color: var(--mud-palette-surface);
}

.mud-table-toolbar {
    padding: 12px !important;
}

.arendeRowMobile .mud-card-header {
    padding-bottom: var(--mud-default-borderradius);
    padding-top: var(--mud-default-borderradius);
}


.tag {
    display: inline-block;
    font-weight: 600;
    background-color: inherit;
}

.recall-cases {
    border-left: solid 3px var(--mud-palette-error);
}

.new-cases {
    border-left: solid 3px var(--mud-palette-warning);
}

.waiting-cases {
    border-left: solid 3px black;
}

.active-cases {
    border-left: solid 3px var(--mud-palette-info);
}

.closed-cases {
    border-left: solid 3px var(--mud-palette-success);
}

.case-avatar {
    margin: 10px 0 10px 10px;
}

.arendeRowMobile .case-avatar {
    margin: 0;
}

.arendeRowMobile .mud-table-cell {
    border-bottom: 1px solid var(--mud-palette-table-lines);
}

.arendeHeaderMobile {
    display: none !important;
}

.arendeHeaderMobile .mud-table-cell {
    border-bottom: 1px solid var(--mud-palette-table-lines);
}

.arendeRowMobile .mud-table-cell:last-child {
    border-bottom: none;
}

.arendeRow:last-child .mud-table-cell {
    border-bottom: none;
}

.arendeRowMobile .mud-table-cell:first-child {
    border-top: 1px solid var(--mud-palette-table-lines);
}

.status-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
}

.severity-Info {
    background-color: var(--mud-palette-info);
    --marker-color: var(--mud-palette-info);
}

.severity-Warning {
    background-color: var(--mud-palette-warning);
    --marker-color: var(--mud-palette-warning);
}

.severity-Error {
    background-color: var(--mud-palette-error);
    --marker-color: var(--mud-palette-error);
}

.severity-Success {
    background-color: var(--mud-palette-success);
    --marker-color: var(--mud-palette-success);
}

.severity-Default {
    background-color: gray;
    --marker-color: gray;
}

.info-box {
    margin-right: 10px;
    font-style: italic;
    background-color: var(--mud-palette-tertiary-lighten);
    padding: 4px 15px;
    box-shadow: var(--mud-elevation-25);
    line-height: 1.2em;
}

.image {
    height: 120px;
}

.image-mobile {
    height: 90px;
}

.mud-container {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.mud-table {
    background-color: var(--mud-palette-appbar-background);
    overflow: hidden;
}

.mud-expand-panel, .mud-expand-panel.mud-panel-expanded {
    border-radius: var(--mud-default-borderradius) !important;
    background-color: var(--mud-palette-appbar-background);
}

.mud-expand-panel-header {
    padding: 0 16px 0 0 !important;
}

.mud-input-outlined-border, .mud-input, .mud-button-root {
    border-radius: var(--mud-default-borderradius) !important;
}

.mud-expand-panel-content {
    padding: 0 !important;
    
}

.mud-expand-panel:first-child {
    border-top-left-radius: var(--mud-default-borderradius) !important;
    border-top-right-radius: var(--mud-default-borderradius) !important;
}

.mud-expand-panel:last-child {
    border-bottom-left-radius: var(--mud-default-borderradius) !important;
    border-bottom-right-radius: var(--mud-default-borderradius) !important;
}