﻿.mud-expand-panel {
    background: var(--mud-palette-background);
    border: 1px solid transparent !important;
}

.mud-expand-panel:hover {
    background-color: var(--mud-palette-background-gray);
}

.mud-expand-panel-header {
    border: 1px solid transparent !important;
    padding: 0px var(--sg_lg) !important;
}

.mud-expand-panel.mud-panel-expanded.mud-panel-next-expanded {
    border-bottom: 1px solid #eaeaea !important;
    border-top: 1px solid #eaeaea !important;
}

.mud-expand-panel-text {
    font-weight: 600 !important;
    color: var(--mud-palette-primary) !important;
}

    .mud-expand-panel-text > label {
        margin-bottom: 0 !important;
    }

.mud-icon-root.mud-svg-icon.mud-expand-panel-icon {
    color: var(--mud-palette-primary) !important;
}

.mud-expand-panel.mud-panel-expanded {
    margin: 0 !important;
}

.mud-expand-panel-content {
    background: var(--mud-palette-background) !important;
}

/* Custom style to put the icon on the left side */
.mud-expand-panel-header > .mud-expand-panel-text {
    order: 2;
}

.mud-expand-panel-header > .mud-icon-root {
    order: 1;
}
