html{
    font-size: 16px;
}

.display-flex {
    display: flex !important;
}

.justify-items-center{
    justify-items: center;
}

.display-none{
    display: none;
}

.text-end input{
    text-align: end;
}

.mud-input-control input{
    padding: 8px !important;
}

.mud-table.excel-style .mud-table-cell.mud-table-cell{
    padding: 0;
    padding-inline-start: 0;
    padding-inline-end: 0;
    border-bottom: 0;
    font-size: 0.75rem;
}

.mud-table.excel-style .mud-table-cell.mud-table-cell .mud-typography-input {
    font-size: 0.75rem;
}
.mud-table.excel-style .mud-table-cell.mud-table-cell input{
    padding: 6px !important;
}

.font-size-default{
    font-size: 0.75rem;
}

.table-header-cell{
    padding: 4px !important;
    border-radius: var(--mud-default-borderradius);
    border-color: var(--mud-palette-lines-inputs);
    border-width: 1px;
    border-style: solid;
    background-color: var(--mud-palette-background-gray);
}

.table-cell.table-cell.table-cell .mud-input-outlined-border {
    border-width: 0;
}

.table-cell{
    border-radius: var(--mud-default-borderradius);
    border-color: var(--mud-palette-lines-inputs);
    border-width: 1px;
    border-style: solid;
    transition: border-width, border-color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;    
}

.table-function-cell{
    border-width: 0;
}

.active-bordered-cell{
    border-radius: var(--mud-default-borderradius);
    border-color: var(--mud-palette-primary);
    border-width: 2px;
    border-style: solid;
    transition: border-width, border-color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.inactive-bordered-cell{
    border-width: 0;
    border-color: var(--mud-palette-lines-inputs);
}

.round-border{
    border: var(--mud-palette-secondary-darken) 1px solid;
    border-radius: 5px;
}

.excel-style .mud-chip.mud-chip-size-small.mud-chip-size-small{
    height: 20px;
}

/* fix for MudSelects that have a too small outline in my table */
.excel-style .mud-select.outline-correction .mud-input-outlined.mud-select-input .mud-input-outlined-border{
    height: 29px;
}

/* fix for MudSelects that have a too small outline in my table */
.excel-style .mud-select.outline-correction.not-empty .mud-input-outlined.mud-select-input .mud-input-outlined-border{
    top: -7px;
}

.excel-style .no-cell-border {
    border-width: 0;
}

.excel-style .no-cell-border td {
    border-width: 0;
}

.excel-style .no-cell-border .mud-input{
    border-width: 0;
}

.prevent-overflow{
    overflow: hidden;
    text-overflow: ellipsis;
}