/*overiding the css of mudblazor*/

/*this is the padding inside of textbox*/
.mud-input > input.mud-input-root-outlined, div.mud-input-slot.mud-input-root-outlined {
    padding-top: 10.5px;
    padding-bottom: 10.5px;
}

/*this is the margin inside of textarea*/
/*.mud-input > textarea.mud-input-root-outlined {
    padding: 16px 14px;
}*/

.mud-input > textarea.mud-input-root-outlined {
    margin-top: 12px;
}

/*this is the label of textbox*/
.mud-input-control > .mud-input-control-input-container > .mud-input-label-outlined.mud-input-label-inputcontrol {
    line-height: 1;
}

/*this is the label of textbox when it is not focused*/
.mud-input-label-outlined {
    transform: translate(14px, 12px) scale(1);
}

/*this is the label of textbox when it is focused*/
.mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined, .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined {
    transform: translate(14px,-4px) scale(.75);
}

.mud-grid {
    width: 100% !important;
    margin: 0 !important;
}

/*this is the grid item base*/
.mud-grid-item {
    padding: 6px !important;
}

/*this is the expand panel header*/
.mud-expand-panel .mud-expand-panel-header {
    padding: 4px 16px;
}

/*this is the expand panel content*/
.mud-expand-panel .mud-expand-panel-content {
    padding: 0 12px 12px;
}

.mud-tab {
    min-height: 32px;
}

.mud-tabs-tabbar .mud-tabs-tabbar-inner {
    min-height: 32px;
}

.mud-tab.mud-tab-active {
    background-color: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
    border-radius: var(--mud-default-borderradius);
}

    .mud-tab.mud-tab-active:hover {
        background-color: var(--mud-palette-primary-lighten);
    }

.mud-table.full-height {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    overflow: auto;
}

.mud-table.full-height > .mud-table-container {
    min-height: 0px;
    flex-grow: 1;
}

/*this is the table cell*/
.mud-table-cell {
    padding: 8px;
}

/*this is the icon button*/
.mud-icon-button {
    padding: 4px;
}

.mud-icon-button-edge-end {
    margin-right: -6px;
    margin-inline-end: -6px;
}

.goods-receive-select-item .mud-table-body .mud-table-row {
    cursor: pointer;
}

.mud-table .stick-on-top {
    color: var(--mud-palette-text-primary);
    background-color: var(--mud-palette-surface);
}

/*this the hierarchy button in table cell*/
.mud-table-cell .mud-icon-button {
    padding: 0px !important;
    margin: 0px !important;
}

/*this the checkbox in table cell*/
.mud-table-cell .mud-checkbox {
    margin: 0px;
}

/*this is the footer*/
.mud-table-pagination-toolbar {
    height: 36px;
}

/*this is the chip*/
.mud-chip.mud-chip-size-medium {
    height: 28px;
}

.mud-dialog {
    overflow: visible;
}

.mud-dialog-title {
    padding: 12px 24px;
}

.mud-picker-datepicker-toolbar {
    align-items: center;
}

    .mud-picker-datepicker-toolbar .mud-button-label {
        font-size: 1.5rem;
    }

    .mud-picker-datepicker-toolbar .mud-button-year .mud-button-label {
        font-weight: bold;
    }

.mud-popover .mud-list {
    max-height: 230px;
}

.mud-typography-body1 b {
    font-size: var(--mud-typography-body1-size);
}

.mud-picker-timepicker-toolbar .mud-timepicker-hourminute .mud-timepicker-button .mud-button-label
{
    font-size: 3.75rem !important;
}