.de-table {
    font-size: 14px;
    border-collapse: collapse;
    width: 100%;
}

.de-hover-row:hover {
    -moz-box-shadow: 0px 0px 5px rgba(158, 147, 147, 0.5) !important;
    -webkit-box-shadow: 0px 0px 5px rgba(151, 141, 141, 0.651) !important;
    box-shadow: 5px 8px 5px 0 #9e9595, 0 4px 20px 0 rgba(0, 0, 0, 0.19) !important;
    border-top: 1px solid #469fc9 !important;
    border-bottom: 1px solid #469fc9 !important;
}

.de-hover-row:hover>.freezeFirstColumn {
    border-top: 1px solid #469fc9 !important;
    border-bottom: 1px solid #469fc9 !important;
    background-color: inherit !important;

}

div.de-tr:nth-of-type(even) {
    background-color: #f1f1f1;
}

.de-tr {
    display: table-row;
    width: 100%;
}

.de-tr-border {
    /* border-top: 1px solid #ccc!important; */
    border-bottom: 1px solid #ccc !important;
}


.de-th {
    padding: 7px 5px;
    background-color: #f1f1f1;
    color: #000;
}

.de-td {
    cursor: pointer;
    padding: 4px 3px;
    /* opacity: 0.6;
    transition: 0.3s; */
}

.de-th,
.de-td {
    display: table-cell;
    overflow-wrap: break-word;
    width: 3em;
    min-width: 3em;
}

.freezeFirstColumn {
    position: sticky;
    position: -webkit-sticky;
    left: 0;
}


.freezeLastColumn {
    position: sticky;
    position: -webkit-sticky;
    right: 0;
}


/* Untuk input di table */
.de-td:focus-within {
    border: 2px solid #4577d3 !important;
}

.de-tr:focus-within {
    /* border: 1.5px solid #668fdb !important; */
    background-color: #DFEEEF !important;
}

.de-td:has(> input:invalid) {
    border: 1px solid #da7878 !important;
}

.de-td:has(> textarea:invalid) {
    border: 1px solid #da7878 !important;
}

.de-td:has(> select:invalid) {
    border: 1px solid #da7878 !important;
}

.de-td>input:focus,
textarea:focus,
select:focus {
    outline: none !important;
}

/* .de-tbody {
    background: white;
} */

/* .de-tbody {
    background: linear-gradient(315deg,
            rgb(250, 248, 250) 10%,
            rgb(223, 227, 231) 38%,
            rgb(219, 229, 228) 68%,
            rgb(186, 180, 180) 85%);
    animation: gradient 15s ease infinite;
    background-size: 400% 400%;
    background-attachment: fixed;
} */