.mdc-text-field {
    height: 2.5em;
}

    .mdc-text-field .mdc-floating-label {
        left: 0px;
        color: black;
    }

.mdc-select .mdc-floating-label {
    left: 0px;
    color: black;
}

.mdc-text-field--disabled {
    background-color: #dee2e6;
    color: black;
}

    .mdc-text-field--disabled.mdc-text-field--filled {
        background-color: #dee2e6;
        color: black;
    }

    .mdc-text-field--disabled .mdc-text-field__input {
        color: black;
    }

    .mdc-text-field--disabled .mdc-floating-label {
        color: black;
    }

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

.mud-expand-panel .mud-expand-panel-content{
    padding: 0px 4px 8px;
}

.mud-expand-panel-content {
    padding: 0px 4px 8px;
}

.col {
    padding-left: 0.25em;
    padding-right: 0.25em;
}

.nav-button {
    font-weight:bold;
    font-size: small;
    width: 99%;
    margin-bottom: 3px;
    flex-shrink:0;
}

.table-selectedItem {
    background-color: dimgrey;
}

.table-selectedItem-valid {
    background-color: greenyellow;
}

.table-selectedItem-invalid {
    background-color: orangered;
}

.table-header {
    position: sticky;
    top: 0;
    z-index: 1;
    color: white;
    background-color: #949599;
    overflow-y: scroll
   
}
    .table-header thead th {
        position: sticky;
        top: 0;
    }

.table-container {
    display: flex;
}

.blazored-modal
{
    padding: 2px;
}

div.smallerFont,
div.smallerFont .k-filtercell * {
    font-size: 12px;
}

    div.smallerFont .k-dropdown.k-header.k-dropdown-operator {
        width: calc(8px + 2em) !important;
    }

    /* One example for altering content inside the cells - the inputs in InCell editing mode here
        You can create similar rules as needed by inspecting the rendered HTML. This blog can help you do that
        https://www.telerik.com/blogs/improve-your-debugging-skills-with-chrome-devtools
        */
    div.smallerFont .k-grid-edit-cell input {
        font-size: 12px;
    }

    div.smallerFont .k-grid-table {
        font-size: 12px;
    }

    div.smallerFont.k-grid td {
        padding: 0;
    }

    div.smallerFont .k-cell-inner > .k-link {
        padding: 2px 3px;
    }
    div.smallerFont .k-grid th {
        padding: 3px;
        border-width: 0 0 1px 1px;
        white-space: nowrap;
    }
    div.smallerFont .k-grid .k-grid-header th {
        padding: 3px;
        border-width: 0 0 1px 1px;
        white-space: nowrap;
    }

.k-grid th {
    padding: 2px 4px;
    border-width: 0 0 1px 1px;
    white-space: nowrap;
}

.validation-info-icon {
    display:flex;
}

.mdc-select{
    min-width : 0px;
}

    .mdc-select .mdc-select__anchor {
        height: 2.5em;
        display: flex;
        align-items: center;
    }

label.mdc-text-field.mdc-text-field--fullwidth:not(.mdc-text-field--textarea) > input.mdc-text-field__input
{
    padding-top: 6px;
    padding-left: 8px;
    padding-right: 0px;
    padding-bottom:0px;
}

/*to prevent (inner) scrollbar of expanded list element*/
.k-panelbar *
{
    box-sizing: content-box;
    overflow-x: hidden; /*if missing, Arrow symbols for expanding/collapsing list entries are messed up*/
    overflow-y: hidden;
}