.mud-paper.transparent-card,
.mud-card.transparent-card,
.mud-paper.mud-card.transparent-card {
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

.mud-paper.transparent-card>.mud-card-header,
.mud-card.transparent-card>.mud-card-header {
    background-color: transparent !important;
}

.transparent-card .mud-card,
.transparent-card .mud-card-header,
.transparent-card .mud-card-content,
.transparent-card .mud-card-actions,
.transparent-card .mud-card-media,
.transparent-card .mud-paper {
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

.transparent-card .mud-image {
    background-color: transparent !important;
}

.transparent-avatar-card .mud-card-header .mud-card-header-avatar,
.transparent-avatar-card .mud-card-header .mud-card-header-avatar .mud-avatar {
    background-color: transparent !important;
}


[data-theme-mode=light] .form-control .mud-disabled,
[data-theme-mode=light] .form-control .mud-disabled .mud-input-slot {
    color: rgba(0, 0, 0, 0.38) !important;
    background-color: whitesmoke !important;
}

[data-theme-mode=dark] .form-control .mud-disabled,
[data-theme-mode=dark] .form-control .mud-disabled .mud-input-slot {
    color: rgba(255, 255, 255, 0.38) !important;
    background-color: Gray !important;
}

.custom-card--no-padding .mud-card-content {
    padding: 0 !important;
}

.custom-card--header-no-border .mud-card-header {
    border-block-end: 0 !important;
}

.mud-card-content .mud-expansion-panels.mud-expansion-no-rounded .mud-expand-panel:first-child {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.mud-autocomplete .form-control .mud-input-control-input-container .mud-input .mud-input-adornment .mud-icon-button {
    padding: 6px !important;
    margin-inline-end: 0px !important;
}

/*.svg-no-rotate .mud-icon-root,
.svg-no-rotate .mud-icon-button .mud-icon-button-label .mud-icon-root,
.svg-no-rotate .mud-input-adornment .mud-icon-root,
.svg-no-rotate .mud-button-label .mud-button-icon-start .mud-icon-root {
    rotate: 0deg !important;
}*/

/* Fix for MudExpansionPanel - Allow header icon to rotate, but prevent content SVGs from rotating */
/*.mud-expand-panel-content svg,
.mud-expand-panel-content .mud-icon-root,
.mud-expansion-panel-content svg,
.mud-expansion-panel-content .mud-icon-root {
    transform: none !important;
    rotate: 0deg !important;
}*/

/* Smooth animation for MudExpansionPanel expand/collapse */
/* Enable smooth collapse animation by adding transition to MudBlazor's collapse wrapper */
.mud-collapse-wrapper {
    transition: height 300ms cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Smooth rotation animation for the header icon */
.mud-expand-panel-header .mud-icon-root,
.mud-expansion-panel-header .mud-icon-root {
    transition: transform 0.3s ease-in-out !important;
}

.color-picker-hidden-input .mud-input-control {
    display: none !important;
}