﻿.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;
}