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

.de-hover-row:hover,
.de-hover-row:focus,
.de-hover-row:focus-visible {
	/* -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-left: 5px double #327de0 !important;
	border-top: 2px solid #1f6fd7 !important;
	border-bottom: 2px solid #327de0 !important;
	/*background-color: #469fc9!important;*/
}

.de-tr-pilih {
	border-left: 5px double #327de0 !important;
	border-top: 2px solid #1f6fd7 !important;
	border-bottom: 2px solid #327de0 !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(odd) {
	background-color: white !important;
}
div.de-tr:nth-of-type(even) {
	background-color: #f1f1f1 !important;
}

.de-tr {
	display: table-row;
	width: 100%;
	border-bottom: 1px solid #ccc;
	position: relative;
}

/* .de-tr:hover, .de-tr:focus, .de-tr:focus-visible{
    background-color: #4ade80!important;
} */

/* .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;
	position: relative;
	padding: 5px;
}

.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 {
	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;
} */

.tr-bg {
	background-color: #dfeeef !important;
	border-left: 5px double #327de0 !important;
	border-top: 2px solid #1f6fd7 !important;
	border-bottom: 2px solid #327de0 !important;
}