/*
    This file is to show how CSS and other static resources (such as images) can be
    used from a library project/package.
*/
.mat-accordion.full {
    min-width: 500px;
}

.mat-expansion-panel {
    box-shadow: none;
    box-sizing: border-box !important;
}

.mat-accordion .mat-expansion-panel {
    background: none;
}

.mat-expansion-panel:not(.treeOption) {
    border: 1px solid var(--mdc-theme-primary) !important;
}
.mat-expansion-panel:not(.treeOption) {
    border: 1px solid var(--bar-grad-1) !important;
}

.mdc-checkbox {
    padding: 0px;
}
.mdc-checkbox__background {
    top: 0 !important;
    left: 0 !important;
}
.mdc-radio {
    padding: 0px;
}
    .mdc-radio .mdc-radio__native-control {
        height: 2em;
    }
.mdc-icon-button:not(.mat-toast-close-button) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: initial;
    padding: initial;
}
.select-list .mdc-list-item {
    height: auto;
    padding: initial;
}
.select-list.mdc-list {
    margin: initial;
    padding: initial;
}
.min-0 {
    min-height: 0px;
    min-width: 0px;
}
.flex-scroll-y:not(.no-scroll-y) {
    min-height: 0px;
    overflow-y: auto !important;
}
.flex-scroll-x {
    min-width: 0px;
    overflow-x: auto !important;
}
.mdc-button.small-but {
    height: initial;
}

    .mdc-button.small-but .material-icons {
        font-size: 15px;
    }
.mdc-checkbox .mdc-checkbox__native-control {
    height: 2em;
}
.mdc-icon-button::before, .mdc-icon-button::after {
    height: initial;
}


.mat-accordion .mat-expansion-panel > .mat-expansion-panel__content, .mat-accordion .mat-expansion-panel .mat-expansion-panel__actions {
    overflow: initial;
}

.mat-accordion .mat-expansion-panel__content {
    padding: initial;
}

.mat-accordion .mat-expansion-panel {
    border: none;
}
.treeList .mdc-list-item--selected {
    background-color: initial !important;
    color: initial;
}
    /*.treeList .mdc-list-item--selected > .mdc-ripple-surface > .mat-accordion > .treeOption > .mat-expansion-panel__summary {
        background-color: var(--row-selected-color) !important;
        color: white;
    }*/

/*IWTwoPanes*/
.twoPanes{
    min-width: 700px;
}
.pane{
    width: 50%;
}
.mdc-form-field {
    font-family: inherit;
}