.resizing {
    cursor: col-resize !important;
    user-select: none;
}

.resizable {
    position: relative;
    height: 100%;
}

.resizer {
    width: 10px;
    height: 100%;
    background: #c1c3c5;
    position: absolute;
    right: 0;
    top: 0;
    cursor: col-resize;
}

:root {
    --rz-card-border-radius: calc(var(--rz-border-radius) * 3) !important;
    --rz-grid-border-radius: calc(var(--rz-border-radius)* 3) !important;
    --rz-button-border-radius: calc(var(--rz-border-radius)* 3) !important;
    --rz-base: #dfe5ec !important;
    --rz-notification-border-radius: calc(var(--rz-border-radius) * 3) !important;
}

.rz-notification-item-wrapper {
    border-radius: calc(var(--rz-border-radius) * 3)
}

.valid.modified:not([type=checkbox]) {
    outline: none !important;
}

.rz-header {
    box-shadow: none !important;
}

.rz-datatable-emptymessage {
    border-bottom: none !important;
}

.rz-body {
    margin: unset !important;
    padding: unset !important;
    border-radius: unset !important;
}

.rz-sidebar {
    border-inline-end: none !important;
}

.rz-datatable {
    border-radius: unset !important;
}

.rz-context-menu .rz-menu:not(.rz-profile-menu) {
    padding-block: unset !important;
}

.rz-pager-element, .rz-button {
    border-radius: var(--mud-default-borderradius) !important;
}

.rz-header a,
.rz-header a:hover,
.rz-header a:focus {
    color: var(--mud-palette-action-default) !important;
}

.rz-checkbox-readonly .rz-chkbox-box {
    cursor: unset !important;
}

    .rz-checkbox-readonly .rz-chkbox-box::after {
        content: unset !important;
    }

.rz-textbox, .rz-numeric {
    height: 40px !important;
}

.rz-button-md {
    height: 40px !important;
}

.rz-chkbox-box:hover:not(.rz-state-disabled) {
    border: var(--rz-input-border) !important;
    border-width: var(--rz-checkbox-border-width) !important;
}

.rz-pager-element {
    height: 36px !important;
    min-height: 36px !important;
    width: 36px !important;
    min-width: 36px !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.rz-group-header {
    padding: 5px !important;
}

.rz-cell-filter .rz-cell-filter-label {
    justify-content: center;
}

.rz-expanded-row-template {
    background-color: #ffffff !important;
}

/*Set kích thước row Grid*/
.rz-grid-table thead th > div:not(.rz-cell-filter) {
    height: 35px;
}

.rz-grid-table tbody tr.rz-data-row td:not(.rz-col-icon) {
    height: 30px;
    padding: 0px;
    padding-left: 16px;
    padding-right: 16px;
}

.rz-grid-table tbody tr.rz-group-row td:not(.rz-col-icon) {
    height: 30px;
    padding: 0px;
    padding-left: 16px;
    padding-right: 16px;
}

.rz-pager {
    padding: 0 !important;
}

    .rz-pager .rz-dropdown {
        width: min-content !important;
    }

.rz-column-picker .rz-dropdown {
    width: 220px !important;
}

.rz-calendar-view td .rz-state-active:hover {
    background-color: rgb(43 23 221) !important;
}

.rz-calendar-view td .rz-state-active {
    background-color: var(--mud-palette-appbar-background) !important;
}

@media (hover: hover) and (pointer: fine) {
    .rz-button.rz-variant-text.rz-secondary:not(.rz-state-disabled):hover {
        color: var(--rz-grid-simple-filter-icon-active-color) !important;
        background-color: var(--rz-grid-simple-filter-icon-active-background-color) !important;
    }
}

.rz-button.rz-variant-text.rz-secondary.rz-shade-default {
    color: var(--rz-grid-simple-filter-icon-active-color) !important;
}

.rz-pager.rz-density-compact .rz-pager-element, .rz-fileupload .rz-button-icon-only.rz-button, .rz-fileupload .rz-button.rz-pager-element, .rz-button-sm.rz-button-icon-only, .rz-button-sm.rz-pager-element {
    padding: 0 !important;
}

@media(hover: hover)and (pointer: fine) {
    .rz-button.rz-variant-text.rz-base:not(.rz-state-disabled):hover {
        background-color: transparent !important;
    }
}

.rz-button.rz-variant-text.rz-base:not(.rz-state-disabled):active {
    background-color: transparent !important;
}