:root {
    --nt-rt-blue: #2E62E8;
    --nt-rt-muted: #8188BD;
    --nt-blue: #0346F2;
    --nt-dark-blue: #3E4473;
    --nt-light-blue: #FAFAFF;
    --nt-mute-blue: #EAECFF;
    --font-family-rubik: "Rubik", sans-serif !important;
}

.form-control.error {
    border-color: #ff7588 !important;
}

label.error {
    display: none !important;;
}

.datagrid-cell, .datagrid-cell-group, .datagrid-header-rownumber, .datagrid-cell-rownumber {
    color: var(--nt-dark-blue) !important;
}

.datagrid-row-alt {
    background: var(--nt-light-blue) !important;
}

.datagrid-header td, .datagrid-body td, .datagrid-footer td {
    border: none !important;
}
.datagrid-header td {
    background: var(--nt-mute-blue) !important;
}

.datagrid-cell {
    padding: 16px 8px 16px 8px !important;
    position: relative;
}

.datagrid-header .datagrid-cell {
    white-space: normal;
    word-wrap: break-word;
    text-align: center;
    font-weight: 700 !important;
    line-height: 12px !important;
    padding: 12px 4px 12px 4px !important;
}
.datagrid-header .datagrid-cell span {
    font-weight: 700 !important;
    line-height: 12px !important;
}
.datagrid-cell, .datagrid-cell-group, .datagrid-header-rownumber, .datagrid-cell-rownumber {
    line-height: 14px !important;
}

.panel-body-eui {
    border-radius: 5px !important;
    filter: drop-shadow(0px 2px 10px rgba(3, 104, 178, 0.03)) drop-shadow(0px 9px 30px rgba(1, 104, 163, 0.05));
	border-color: #FFF !important;
}

.datagrid-row-over, .datagrid-header td.datagrid-header-over {
    background: var(--nt-mute-blue) !important;
}

.datagrid-cell .btn-custome {
    position: absolute;
    top: 0;
    padding: 8px;
}

.datagrid-view td[field="_expander"] .datagrid-cell  {
    padding-top: 3px !important;
}

.datagrid-header-rownumber, .datagrid-cell-rownumber {
    padding: 3px !important;
}

.datagrid-filter-row,
.datagrid-filter-row .datagrid-filter-c {
    padding: 8px 4px !important;
}

.datagrid-view .datagrid-editable-input
{
    background-position-x: 13px;
    height: 45px !important;
    border-radius: 5px !important;
    padding: 5px 35px !important;
}

div[data-repeater-item] {
	padding: 10px;
    margin-bottom: 10px;
    box-shadow: 0 10px 40px 0 rgb(62 57 107 / 7%), 0 2px 9px 0 rgb(62 57 107 / 6%);
    border-radius: 10px;
}