body .grid3-wrap * {
    font-size: 0.9rem;
    box-sizing: border-box;
}

/* .grid3-sortable .grid3-data:before {
    position: absolute;
    margin-top: 23px;
    margin-left: -4px;
    font-family: "MaterialIconsOutlined-Regular";
    content: '\e945';
    font-weight: 100;
    line-height: 1em;
    font-size: 1rem;
    color: var(--neutralsSecondaryColor);
} */
.grid3-sortable .grid3-data ._ico._iDrag {
    border: 0px;
    cursor: pointer;
    padding-top: 6px;
}

.grid3-sortable .grid3-data ._ico._iDrag:before {
    margin-left: -2px;
    font-family: "MaterialIconsOutlined-Regular";
    content: '\e945';
    font-weight: 100;
    line-height: 1em;
    font-size: 1rem;
    color: var(--neutralsSecondaryColor);
}

.grid3-sortable .grid3-data .gridTitleIcon {
    background-color: transparent;
}

.grid3-sortable .grid3-data .gridTitleIcon .icoMu:before {
    font-size: 20px;
    margin-left: 6px;
}

.grid3-sortable .sortable-chosen {
    background-color: rgba(0, 0, 0, 0.05);
}

.grid3-wrap > div {
    display: inline-grid;
    width: 100%;
}

.grid3-wrap > div > div {
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 8px;
    padding-right: 8px;
}

.grid3-2 > div {
    grid-template-columns: auto auto;
}

.grid3-3 > div {
    grid-template-columns: 1fr 1fr 1fr;
}

.grid3-4 > div {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.grid3-5 > div {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.grid3-6 > div {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.grid3-7 > div {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.grid3-8 > div {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.grid3-data > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-bottom: 1px solid rgba(50, 80, 118, 0.1);
}

.grid3-t-wrp {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    box-sizing: border-box;
}

.grid3-t-wrp:nth-child(2) > div {
    padding-left: 34px;
}

/* ---- ---- Table header ---- ---- */
.grid3-header > div {
    font-weight: 600;
    border-bottom: 1px solid rgba(50, 80, 118, 0.2);
}

.grid3-filters > div {
    font-weight: 600;
    border-bottom: 1px solid rgba(50, 80, 118, 0.1);
}

.grid3-full {
    grid-column: 1 / 2;
}