#page-wrapper.dip-admin-table-skin
	table.dataTable
	tbody
	tr:hover
	.dip-status-badge {
	transform: translateY(-1px);
}

#page-wrapper.dip-admin-table-skin .dataTable_wrapper {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	overscroll-behavior-x: contain;
	position: relative;
	min-height: 420px;
	width: 100%;
	max-width: 100%;
}

#page-wrapper.dip-admin-table-skin table.dataTable {
	width: 100% !important;
	min-width: 100%;
	margin-left: 0 !important;
	margin-right: 0 !important;
	border-collapse: separate;
	border-spacing: 0;
	table-layout: auto;
}

#page-wrapper.dip-admin-table-skin table.dataTable thead th,
#page-wrapper.dip-admin-table-skin table.dataTable tbody td {
	box-sizing: border-box;
}

#page-wrapper.dip-admin-table-skin
	table.dataTable.dtr-inline.collapsed
	> thead
	> tr
	> th:first-child {
	padding: 12px 16px 12px 30px;
}

#page-wrapper.dip-admin-table-skin
	table.dataTable.dtr-inline.collapsed.compact
	> thead
	> tr
	> th:first-child {
	padding: 12px 16px 12px 27px;
}

#page-wrapper.dip-admin-table-skin table.dataTable thead th {
	background: var(
		--dip-admin-grad-hero,
		linear-gradient(135deg, #1a365d 0%, #2c5282 40%, #2b6cb0 70%, #319795 100%)
	);
	background-clip: padding-box;
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.45px;
	min-height: 52px;
	height: auto;
	padding: 14px 16px;
	vertical-align: middle;
	border: none;
	border-left: none;
	border-right: none;
	white-space: nowrap;
	position: sticky;
	top: 0;
	z-index: 4;
	box-shadow: 0 2px 8px rgba(15, 23, 42, 0.12);
}

#page-wrapper.dip-admin-table-skin table.dataTable thead th:first-child {
	border-radius: 12px 0 0 0;
}

#page-wrapper.dip-admin-table-skin table.dataTable thead th:last-child {
	border-radius: 0 12px 0 0;
}

#page-wrapper.dip-admin-table-skin table.dataTable tbody td {
	padding: 14px 16px;
	font-size: 13px;
	color: #2d3748;
	border-bottom: 1px solid #eef2f7;
	border-left: none;
	border-right: none;
	vertical-align: middle;
	transition:
		background 0.2s ease,
		box-shadow 0.2s ease;
}

#page-wrapper.dip-admin-table-skin table.dataTable tbody tr:nth-child(even) td {
	box-shadow: inset 0 0 0 9999px rgba(15, 23, 42, 0.022);
}

#page-wrapper.dip-admin-table-skin table.dataTable tbody tr:hover td {
	background: #f1f5f9 !important;
	box-shadow: inset 0 0 0 9999px rgba(49, 130, 206, 0.04);
}

#page-wrapper.dip-admin-table-skin table.dataTable tbody td.dip-col-kode {
	border-right: 1px solid rgba(226, 232, 240, 0.85);
}

#page-wrapper.dip-admin-table-skin table.dataTable tbody tr:last-child td {
	border-bottom: none;
}

.truncate {
	max-width: 200px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#page-wrapper.dip-admin-table-skin .dataTables_wrapper .dataTables_length,
#page-wrapper.dip-admin-table-skin .dataTables_wrapper .dataTables_filter,
#page-wrapper.dip-admin-table-skin .dataTables_wrapper .dataTables_info,
#page-wrapper.dip-admin-table-skin .dataTables_wrapper .dataTables_paginate {
	padding: 12px 4px;
	font-size: 13px;
	color: #4a5568;
}

#page-wrapper.dip-admin-table-skin
	.dataTables_wrapper.dt-bootstrap
	> .row:first-child
	.dataTables_length {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

#page-wrapper.dip-admin-table-skin .dataTables_wrapper .dataTables_filter {
	padding: 12px 0 8px;
	float: none !important;
	text-align: right;
	width: 100%;
	max-width: none;
	box-sizing: border-box;
}

#page-wrapper.dip-admin-table-skin .dataTables_wrapper .dataTables_length {
	float: none !important;
}

#page-wrapper.dip-admin-table-skin
	.dataTables_wrapper.dt-bootstrap
	> .row:first-child,
#page-wrapper.dip-admin-table-skin
	.dataTables_wrapper.dt-bootstrap
	> .row:nth-child(2),
#page-wrapper.dip-admin-table-skin
	.dataTables_wrapper.dt-bootstrap
	> .row:last-child {
	margin-left: 0 !important;
	margin-right: 0 !important;
	width: 100%;
}

#page-wrapper.dip-admin-table-skin
	.dataTables_wrapper.dt-bootstrap
	> .row:last-child {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	column-gap: 0;
	row-gap: 8px;
}

#page-wrapper.dip-admin-table-skin
	.dataTables_wrapper.dt-bootstrap
	> .row:last-child
	> [class*="col-"] {
	padding-left: 0 !important;
	padding-right: 0 !important;
	flex: 0 0 auto;
	width: 100% !important;
	max-width: 100% !important;
	text-align: center;
}

#page-wrapper.dip-admin-table-skin
	.dataTables_wrapper.dt-bootstrap
	> .row:last-child
	.dataTables_info {
	padding-left: 0 !important;
}

#page-wrapper.dip-admin-table-skin
	.dataTables_wrapper.dt-bootstrap
	> .row:last-child
	.dataTables_info:empty {
	display: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

#page-wrapper.dip-admin-table-skin
	.dataTables_wrapper.dt-bootstrap
	> .row:last-child
	.dataTables_paginate {
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	float: none !important;
	text-align: center;
	width: auto;
	display: inline-flex !important;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 0 4px;
	row-gap: 6px;
}

#page-wrapper.dip-admin-table-skin
	.dataTables_wrapper
	.dataTables_paginate
	ul.pagination {
	margin: 0 auto !important;
	float: none !important;
	display: inline-flex !important;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 4px;
}

#page-wrapper.dip-admin-table-skin
	.dataTables_wrapper
	.dataTables_paginate
	ul.pagination
	> li
	> a {
	border: none !important;
	border-radius: 8px !important;
	padding: 6px 12px !important;
	margin: 0 !important;
	float: none !important;
	background: transparent !important;
	color: #4a5568 !important;
	font-size: 13px !important;
}

#page-wrapper.dip-admin-table-skin
	.dataTables_wrapper
	.dataTables_paginate
	ul.pagination
	> li:not(.disabled):not(.active)
	> a:hover {
	background: #edf2f7 !important;
	color: #2c5282 !important;
}

#page-wrapper.dip-admin-table-skin
	.dataTables_wrapper
	.dataTables_paginate
	ul.pagination
	> li.active
	> a,
#page-wrapper.dip-admin-table-skin
	.dataTables_wrapper
	.dataTables_paginate
	ul.pagination
	> li.active
	> a:focus {
	background: linear-gradient(135deg, #3182ce, #2b6cb0) !important;
	color: #fff !important;
	font-weight: 600;
	box-shadow: 0 2px 8px rgba(49, 130, 206, 0.3);
}

#page-wrapper.dip-admin-table-skin
	.dataTables_wrapper
	.dataTables_paginate
	ul.pagination
	> li.disabled
	> a,
#page-wrapper.dip-admin-table-skin
	.dataTables_wrapper
	.dataTables_paginate
	ul.pagination
	> li.disabled
	> a:focus {
	opacity: 0.4 !important;
	cursor: default !important;
	background: transparent !important;
	color: #4a5568 !important;
}

#page-wrapper.dip-admin-table-skin
	.dataTables_wrapper.dt-bootstrap
	> .row:first-child {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	column-gap: 16px;
}

#page-wrapper.dip-admin-table-skin
	.dataTables_wrapper.dt-bootstrap
	> .row:first-child::before,
#page-wrapper.dip-admin-table-skin
	.dataTables_wrapper.dt-bootstrap
	> .row:first-child::after {
	display: none;
}

#page-wrapper.dip-admin-table-skin
	.dataTables_wrapper.dt-bootstrap
	> .row:first-child
	> .col-sm-6 {
	float: none !important;
	max-width: none;
}

#page-wrapper.dip-admin-table-skin
	.dataTables_wrapper.dt-bootstrap
	> .row:first-child
	> .col-sm-6:first-child {
	flex: 0 1 auto;
	width: auto !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

#page-wrapper.dip-admin-table-skin
	.dataTables_wrapper.dt-bootstrap
	> .row:first-child
	> .col-sm-6:last-child {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin-left: 0 !important;
	text-align: right;
}

#page-wrapper.dip-admin-table-skin
	.dataTables_wrapper
	.dataTables_filter
	label {
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
	font-weight: 600;
	color: #475569;
	font-size: 13px;
	width: 100%;
	max-width: 100%;
	margin-bottom: 0;
}

#page-wrapper.dip-admin-table-skin
	.dataTables_wrapper
	.dataTables_filter
	input {
	border: 2px solid #cbd5e1;
	border-radius: 10px;
	padding: 10px 14px 10px 38px;
	font-size: 13px;
	min-width: 220px;
	background: #fff
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2394a3b8' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'/%3E%3C/svg%3E")
		no-repeat 12px center;
	transition:
		border-color 0.2s ease,
		box-shadow 0.2s ease;
}

#page-wrapper.dip-admin-table-skin
	.dataTables_wrapper
	.dataTables_filter
	input:focus {
	border-color: #3182ce;
	outline: none;
	box-shadow: 0 0 0 3px rgba(49, 130, 206, 0.15);
}

#page-wrapper.dip-admin-table-skin
	.dataTables_wrapper
	.dataTables_length
	select {
	border: 2px solid #e2e8f0;
	border-radius: 10px;
	padding: 8px 12px;
	min-height: 40px;
	font-size: 13px;
	font-weight: 500;
	color: #334155;
	background-color: #fff;
}

#page-wrapper.dip-admin-table-skin
	.dataTables_wrapper
	.dataTables_paginate
	.paginate_button {
	border: none !important;
	border-radius: 8px !important;
	padding: 6px 12px !important;
	margin: 0 2px !important;
	font-size: 13px !important;
	transition: all 0.2s !important;
	background: transparent !important;
	color: #4a5568 !important;
	display: inline-block;
	cursor: pointer;
	text-decoration: none;
	user-select: none;
	line-height: 1.5;
}

#page-wrapper.dip-admin-table-skin
	.dataTables_wrapper
	.dataTables_paginate
	.paginate_button:hover {
	background: #edf2f7 !important;
	color: #2c5282 !important;
	text-decoration: none;
}

#page-wrapper.dip-admin-table-skin
	.dataTables_wrapper
	.dataTables_paginate
	.paginate_button.current {
	background: linear-gradient(135deg, #3182ce, #2b6cb0) !important;
	color: #fff !important;
	font-weight: 600;
	box-shadow: 0 2px 8px rgba(49, 130, 206, 0.3);
}

#page-wrapper.dip-admin-table-skin
	.dataTables_wrapper
	.dataTables_paginate
	.paginate_button.disabled {
	opacity: 0.4 !important;
	cursor: default;
}

#page-wrapper.dip-admin-table-skin .dataTables_wrapper > .row > .col-sm-12 {
	display: block !important;
	width: 100% !important;
	float: none !important;
}

#list-file_wrapper > .row:nth-child(2) > .col-sm-12,
#list-file-msk_wrapper > .row:nth-child(2) > .col-sm-12 {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

table.dataTable > tbody > tr.child ul.dtr-details {
	width: 100%;
}

table.dataTable > tbody > tr.child ul.dtr-details > li {
	border-bottom: 1px solid #f1f5f9;
	padding: 8px 4px;
}

.truncate {
	max-width: 200px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.centerdropdow {
	display: flex;
	justify-content: center;
	flex-direction: column;
	flex: 1;
}

.centeroption {
	text-align: center;
}

.centerdropdow select.form-control {
	border-radius: 8px;
	border: 2px solid #e2e8f0;
	font-size: 12.5px;
	padding: 6px 10px;
	color: #334155;
	background: #fff;
}

.centerdropdow select.form-control:focus {
	border-color: #3182ce;
	box-shadow: 0 0 0 3px rgba(49, 130, 206, 0.12);
}

.centerdata {
	display: flex;
	flex-direction: column;
	text-align: center;
}

.questionpermohonan {
	cursor: pointer;
}

.btn-group {
	display: inline-flex;
	align-items: stretch;
	gap: 0;
	border-radius: 10px;
	overflow: visible;
	box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06);
}

#page-wrapper.dip-admin-table-skin .btn-group > .btn-primary,
#page-wrapper.dip-admin-table-skin .btn-group > a.btn-primary {
	border: none;
	border-radius: 10px 0 0 10px;
	padding: 8px 14px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.02em;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: linear-gradient(135deg, #3182ce 0%, #2563eb 100%);
	box-shadow: none;
	transition:
		filter 0.2s ease,
		transform 0.15s ease;
	color: #fff !important;
}

#page-wrapper.dip-admin-table-skin .btn-group > .btn-primary:hover,
#page-wrapper.dip-admin-table-skin .btn-group > .btn-primary:focus,
#page-wrapper.dip-admin-table-skin .btn-group > a.btn-primary:hover,
#page-wrapper.dip-admin-table-skin .btn-group > a.btn-primary:focus {
	filter: brightness(1.06);
	transform: translateY(-1px);
	color: #fff !important;
}

#page-wrapper.dip-admin-table-skin .btn-group > .btn-default.dropdown-toggle {
	border: none;
	border-radius: 0 10px 10px 0;
	padding: 8px 10px;
	background: #f1f5f9;
	color: #475569;
	border-left: 1px solid #e2e8f0;
	transition: background 0.2s ease;
}

#page-wrapper.dip-admin-table-skin
	.btn-group
	> .btn-default.dropdown-toggle:hover {
	background: #e2e8f0;
	color: #1e293b;
}

#page-wrapper.dip-admin-table-skin .btn-group .dropdown-menu {
	border-radius: 10px;
	border: 1px solid #e2e8f0;
	box-shadow: 0 10px 40px rgba(15, 23, 42, 0.12);
	padding: 6px 0;
}

#page-wrapper.dip-admin-table-skin .btn-group .dropdown-menu > li > a {
	padding: 8px 16px;
	font-size: 13px;
	transition: background 0.15s ease;
}

@media only screen and (max-width: 768px) {
	#page-wrapper.dip-admin-table-skin
		.dataTables_wrapper.dt-bootstrap
		> .row:first-child {
		flex-direction: column;
		align-items: stretch;
	}

	#page-wrapper.dip-admin-table-skin
		.dataTables_wrapper.dt-bootstrap
		> .row:first-child
		> .col-sm-6:last-child {
		margin-left: 0;
		text-align: left;
	}

	#page-wrapper.dip-admin-table-skin
		.dataTables_wrapper
		.dataTables_filter
		label {
		justify-content: flex-start;
		width: 100%;
	}

	#page-wrapper.dip-admin-table-skin
		table.dataTable
		tbody
		.dip-cell
		.centerdata {
		text-align: left !important;
		align-items: flex-start !important;
	}

	#page-wrapper.dip-admin-table-skin table.dataTable thead th,
	#page-wrapper.dip-admin-table-skin table.dataTable tbody td {
		padding: 10px 12px;
		font-size: 12px;
	}
}

#page-wrapper.dip-admin-table-skin .panel.panel-default {
	background: #fff;
	border-radius: 12px;
	box-shadow:
		0 4px 24px rgba(15, 23, 42, 0.08),
		0 1px 3px rgba(15, 23, 42, 0.04);
	border: 1px solid rgba(226, 232, 240, 0.9);
	overflow: hidden;
}

#page-wrapper.dip-admin-table-skin .panel.panel-default > .panel-heading {
	background: linear-gradient(135deg, #f7fafc 0%, #edf2f7 100%);
	border-bottom: 1px solid #e2e8f0;
	padding: 20px 24px;
}

#page-wrapper.dip-admin-table-skin
	.panel.panel-default
	> .panel-heading
	.panel-title {
	font-size: 16px;
	font-weight: 600;
	color: #1a365d;
}

#page-wrapper.dip-admin-table-skin .panel.panel-default > .panel-body {
	padding: 24px 28px 28px;
}

#page-wrapper.dip-admin-table-skin h1.page-header {
	background: linear-gradient(
		135deg,
		#1a365d 0%,
		#2c5282 40%,
		#2b6cb0 70%,
		#319795 100%
	);
	color: #fff;
	border-radius: 16px;
	padding: 26px 28px;
	margin: 0 0 24px;
	font-size: 22px;
	font-weight: 700;
	border: none;
	line-height: 1.35;
	letter-spacing: -0.3px;
	box-shadow: 0 4px 20px rgba(15, 23, 42, 0.12);
}

#page-wrapper.dip-admin-table-skin h1.page-header small,
#page-wrapper.dip-admin-table-skin h1.page-header .text-muted {
	color: rgba(255, 255, 255, 0.88) !important;
	font-weight: 500;
}

#page-wrapper.dip-admin-table-skin h2.page-header {
	background: linear-gradient(
		135deg,
		#1a365d 0%,
		#2c5282 40%,
		#2b6cb0 70%,
		#319795 100%
	);
	color: #fff;
	border-radius: 16px;
	padding: 26px 28px;
	margin: 0 0 24px;
	font-size: 22px;
	font-weight: 700;
	border: none;
	line-height: 1.35;
	letter-spacing: -0.3px;
	box-shadow: 0 4px 20px rgba(15, 23, 42, 0.12);
}

#page-wrapper.dip-admin-table-skin h2.page-header small,
#page-wrapper.dip-admin-table-skin h2.page-header .text-muted {
	color: rgba(255, 255, 255, 0.88) !important;
	font-weight: 500;
}

#page-wrapper.dip-admin-table-skin .panel.panel-default > .panel-heading {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
}

#page-wrapper.dip-admin-table-skin .panel.panel-default > .panel-heading .btn {
	border-radius: 8px;
	font-weight: 600;
}

#page-wrapper.dip-admin-table-skin table.dataTable.table > tbody > tr > td,
#page-wrapper.dip-admin-table-skin table.dataTable.table > tbody > tr > th {
	background-color: transparent !important;
	background-image: none !important;
}

#page-wrapper.dip-admin-table-skin
	table.dataTable.table-striped
	> tbody
	> tr:nth-of-type(odd)
	> td,
#page-wrapper.dip-admin-table-skin
	table.dataTable.table-striped
	> tbody
	> tr:nth-of-type(odd)
	> th,
#page-wrapper.dip-admin-table-skin
	table.dataTable.table-striped
	> tbody
	> tr:nth-of-type(even)
	> td,
#page-wrapper.dip-admin-table-skin
	table.dataTable.table-striped
	> tbody
	> tr:nth-of-type(even)
	> th {
	background-color: transparent !important;
}

#page-wrapper.dip-admin-table-skin table.dataTable.table-bordered {
	border: none !important;
}

#page-wrapper.dip-admin-table-skin
	table.dataTable.table-bordered
	> thead
	> tr
	> th,
#page-wrapper.dip-admin-table-skin
	table.dataTable.table-bordered
	> thead
	> tr
	> td,
#page-wrapper.dip-admin-table-skin
	table.dataTable.table-bordered
	> tbody
	> tr
	> td,
#page-wrapper.dip-admin-table-skin
	table.dataTable.table-bordered
	> tbody
	> tr
	> th,
#page-wrapper.dip-admin-table-skin
	table.dataTable.table-bordered
	> tfoot
	> tr
	> th,
#page-wrapper.dip-admin-table-skin
	table.dataTable.table-bordered
	> tfoot
	> tr
	> td {
	border-left: none !important;
	border-right: none !important;
}

#page-wrapper.dip-admin-table-skin
	table.dataTable.table-bordered
	> thead
	> tr:first-child
	> th,
#page-wrapper.dip-admin-table-skin
	table.dataTable.table-bordered
	> thead
	> tr:first-child
	> td {
	border-top: none !important;
}

#page-wrapper.dip-admin-table-skin table.table.dataTable > thead > tr > th {
	background: linear-gradient(
		145deg,
		#1e3a5f 0%,
		#2c5282 45%,
		#2563eb 110%
	) !important;
	color: #fff !important;
	border-bottom: none !important;
}

#page-wrapper.dip-admin-table-skin
	table.dataTable.table-hover
	> tbody
	> tr:hover
	> td,
#page-wrapper.dip-admin-table-skin
	table.dataTable.table-hover
	> tbody
	> tr:hover
	> th {
	background-color: #f1f5f9 !important;
}

table.dataTable#list-file tbody td .dip-pers-actions-row,
table.dataTable#list-file-msk tbody td .dip-pers-actions-row {
	display: flex !important;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-width: 0;
}

table.dataTable#list-file tbody td .dip-pers-actions-row .jarakmylink,
table.dataTable#list-file-msk tbody td .dip-pers-actions-row .jarakmylink {
	margin-bottom: 0 !important;
}

@media (max-width: 576px) {
	table.dataTable#list-file tbody td .dip-pers-actions-row,
	table.dataTable#list-file-msk tbody td .dip-pers-actions-row {
		flex-wrap: wrap;
		justify-content: flex-start;
	}
}

#page-wrapper.dip-admin-table-skin
	table.dataTable#list-file
	tbody
	td
	.dip-pers-actions-row,
#page-wrapper.dip-admin-table-skin
	table.dataTable#list-file-msk
	tbody
	td
	.dip-pers-actions-row {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-width: 0;
}

#page-wrapper.dip-admin-table-skin
	table.dataTable#list-file
	tbody
	td
	.dip-pers-actions-row
	.jarakmylink,
#page-wrapper.dip-admin-table-skin
	table.dataTable#list-file-msk
	tbody
	td
	.dip-pers-actions-row
	.jarakmylink {
	margin-bottom: 0 !important;
}

@media (max-width: 576px) {
	#page-wrapper.dip-admin-table-skin
		table.dataTable#list-file
		tbody
		td
		.dip-pers-actions-row,
	#page-wrapper.dip-admin-table-skin
		table.dataTable#list-file-msk
		tbody
		td
		.dip-pers-actions-row {
		flex-wrap: wrap;
		justify-content: flex-start;
	}
}

#page-wrapper.dip-admin-table-skin
	table.dataTable#list-file
	tbody
	td
	.centerdata
	.href-button.btn-primary,
#page-wrapper.dip-admin-table-skin
	table.dataTable#list-file
	tbody
	td
	.centerdata
	.href-button.btn-success,
#page-wrapper.dip-admin-table-skin
	table.dataTable#list-file
	tbody
	td
	.centerdata
	.href-button.btn-danger,
#page-wrapper.dip-admin-table-skin
	table.dataTable#list-file
	tbody
	td
	.centerdata
	.href-button.btn-warning,
#page-wrapper.dip-admin-table-skin
	table.dataTable#list-file
	tbody
	td
	.centerdata
	button.btn-primary,
#page-wrapper.dip-admin-table-skin
	table.dataTable#list-file
	tbody
	td
	.centerdata
	button.btn-success,
#page-wrapper.dip-admin-table-skin
	table.dataTable#list-file
	tbody
	td
	.centerdata
	button.btn-danger,
#page-wrapper.dip-admin-table-skin
	table.dataTable#list-file-msk
	tbody
	td
	.centerdata
	.href-button.btn-primary,
#page-wrapper.dip-admin-table-skin
	table.dataTable#list-file-msk
	tbody
	td
	.centerdata
	.href-button.btn-success,
#page-wrapper.dip-admin-table-skin
	table.dataTable#list-file-msk
	tbody
	td
	.centerdata
	.href-button.btn-danger,
#page-wrapper.dip-admin-table-skin
	table.dataTable#list-file-msk
	tbody
	td
	.centerdata
	.href-button.btn-warning,
#page-wrapper.dip-admin-table-skin
	table.dataTable#list-file-msk
	tbody
	td
	.centerdata
	button.btn-primary,
#page-wrapper.dip-admin-table-skin
	table.dataTable#list-file-msk
	tbody
	td
	.centerdata
	button.btn-success,
#page-wrapper.dip-admin-table-skin
	table.dataTable#list-file-msk
	tbody
	td
	.centerdata
	button.btn-danger {
	border-radius: 10px !important;
	padding: 8px 14px !important;
	min-width: 40px;
	min-height: 36px;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: auto !important;
	max-width: 100%;
	font-weight: 600 !important;
	box-shadow: 0 2px 10px rgba(15, 23, 42, 0.12);
	vertical-align: middle;
}

#page-wrapper.dip-admin-table-skin table.dataTable tbody td a.btn.btn-primary,
#page-wrapper.dip-admin-table-skin
	table.dataTable
	tbody
	td
	a.href-button.btn-primary {
	color: #fff !important;
}
#page-wrapper.dip-admin-table-skin
	table.dataTable
	tbody
	td
	a.btn.btn-primary:hover,
#page-wrapper.dip-admin-table-skin
	table.dataTable
	tbody
	td
	a.btn.btn-primary:focus,
#page-wrapper.dip-admin-table-skin
	table.dataTable
	tbody
	td
	a.href-button.btn-primary:hover,
#page-wrapper.dip-admin-table-skin
	table.dataTable
	tbody
	td
	a.href-button.btn-primary:focus {
	color: #fff !important;
}
#page-wrapper.dip-admin-table-skin table.dataTable tbody td a.btn.btn-success,
#page-wrapper.dip-admin-table-skin
	table.dataTable
	tbody
	td
	a.href-button.btn-success {
	color: #fff !important;
}
#page-wrapper.dip-admin-table-skin table.dataTable tbody td a.btn.btn-danger,
#page-wrapper.dip-admin-table-skin
	table.dataTable
	tbody
	td
	a.href-button.btn-danger {
	color: #fff !important;
}
#page-wrapper.dip-admin-table-skin table.dataTable tbody td a.btn.btn-warning,
#page-wrapper.dip-admin-table-skin
	table.dataTable
	tbody
	td
	a.href-button.btn-warning {
	color: #fff !important;
}

#page-wrapper.dip-admin-table-skin table.dataTable tbody a.btn.btn-primary {
	border-radius: 10px !important;
	border: none;
	padding: 8px 14px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.02em;
	background: linear-gradient(135deg, #3182ce 0%, #2563eb 100%);
	box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06);
	display: inline-flex;
	align-items: center;
	gap: 8px;
	transition:
		filter 0.2s ease,
		transform 0.15s ease;
}
#page-wrapper.dip-admin-table-skin
	table.dataTable
	tbody
	a.btn.btn-primary:hover,
#page-wrapper.dip-admin-table-skin
	table.dataTable
	tbody
	a.btn.btn-primary:focus {
	filter: brightness(1.06);
	transform: translateY(-1px);
	color: #fff !important;
}

#page-wrapper.dip-admin-table-skin
	table.dataTable
	tbody
	.btn-group
	> a.btn-primary {
	border-radius: 10px 0 0 10px !important;
}

#page-wrapper.dip-admin-table-skin
	table.dataTable
	tbody
	.btn-group
	> a.btn-primary:only-child {
	border-radius: 10px !important;
}

#page-wrapper.dip-admin-table-skin
	.panel-body
	table.table
	tbody
	a.btn.btn-primary {
	border-radius: 10px !important;
	border: none;
	padding: 8px 14px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.02em;
	background: linear-gradient(135deg, #3182ce 0%, #2563eb 100%);
	box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06);
	display: inline-flex;
	align-items: center;
	gap: 8px;
	transition:
		filter 0.2s ease,
		transform 0.15s ease;
	color: #fff !important;
}
#page-wrapper.dip-admin-table-skin
	.panel-body
	table.table
	tbody
	.btn-group
	> a.btn-primary {
	border-radius: 10px 0 0 10px !important;
}
#page-wrapper.dip-admin-table-skin
	.panel-body
	table.table
	tbody
	.btn-group
	> a.btn-primary:only-child {
	border-radius: 10px !important;
}

.dip-card-body {
	position: relative;
}

.dataTable_wrapper {
	position: relative;
	min-height: 420px;
}

.dataTable_wrapper .dataTables_wrapper {
	position: static !important;
}

.dataTable_wrapper .dataTables_processing {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	width: 100% !important;
	height: auto !important;
	min-height: 0 !important;
	z-index: 5 !important;
	background: #fff !important;
	border: none !important;
	padding: 0 !important;
	margin: 65px 0 0 0 !important;
}

.dataTable_wrapper.dip-skel-active .dataTables_wrapper .dataTables_paginate,
.dataTable_wrapper.dip-skel-active .dataTables_wrapper .dataTables_info,
.dataTable_wrapper.dip-skel-active .dataTables_wrapper .dataTables_length {
	visibility: hidden !important;
}

.dataTable_wrapper.dip-skel-active .dataTables_wrapper .dataTables_filter {
	opacity: 0.6;
}

.dataTable_wrapper.dip-skel-active .dataTables_wrapper .dataTables_filter input {
	pointer-events: auto !important;
	opacity: 1 !important;
}

.dip-skel-table {
	width: 100%;
	background: #fff;
	display: flex;
	flex-direction: column;
	animation: ppid-dip-skel-in 0.3s ease;
	padding: 4px 0;
}

@keyframes ppid-dip-skel-in {
	from {
		opacity: 0;
		transform: translateY(4px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.dip-skel-row {
	display: grid;
	grid-template-columns: 40px 1fr 1fr 1.5fr 0.8fr 0.7fr 0.7fr 0.6fr 0.6fr 0.7fr 0.8fr 50px;
	align-items: center;
	padding: 14px 16px;
	gap: 12px;
	border-bottom: 1px solid #f4f6f8;
}

.dip-skel-row:last-child {
	border-bottom: none;
}

.dip-skel-bar {
	height: 12px;
	border-radius: 6px;
	min-width: 0;
	background: linear-gradient(90deg, #f1f5f9 30%, #e2e8f0 50%, #f1f5f9 70%);
	background-size: 400% 100%;
	animation: ppid-dip-shimmer 2s ease-in-out infinite;
}

.dip-skel-bar.short {
	width: 60%;
}

.dip-skel-bar.mid {
	width: 80%;
}

.dip-skel-bar.full {
	width: 100%;
}

.dip-skel-bar.tiny {
	width: 40%;
}

.dip-skel-row:nth-child(2) .dip-skel-bar {
	animation-delay: 0.1s;
}

.dip-skel-row:nth-child(3) .dip-skel-bar {
	animation-delay: 0.2s;
}

.dip-skel-row:nth-child(4) .dip-skel-bar {
	animation-delay: 0.3s;
}

.dip-skel-row:nth-child(5) .dip-skel-bar {
	animation-delay: 0.4s;
}

.dip-skel-row:nth-child(6) .dip-skel-bar {
	animation-delay: 0.5s;
}

.dip-skel-row:nth-child(7) .dip-skel-bar {
	animation-delay: 0.6s;
}

.dip-skel-row:nth-child(8) .dip-skel-bar {
	animation-delay: 0.7s;
}

.dip-skel-row:nth-child(odd) {
	background: #fafbfc;
}

@keyframes ppid-dip-shimmer {
	0% {
		background-position: 200% 0;
	}
	100% {
		background-position: -200% 0;
	}
}

#page-wrapper.dip-admin-table-skin table.table:not(.dataTable) {
	width: 100%;
	margin-bottom: 0;
	border-collapse: separate;
	border-spacing: 0;
	background: #fff;
	border-radius: 0 0 12px 12px;
	overflow: hidden;
}

#page-wrapper.dip-admin-table-skin .table-responsive {
	border-radius: 12px;
	border: 1px solid rgba(226, 232, 240, 0.95);
	background: #fff;
	box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);
}

#page-wrapper.dip-admin-table-skin .panel .table-responsive,
#page-wrapper.dip-admin-table-skin .dip-card .table-responsive {
	border: none;
	box-shadow: none;
	background: transparent;
	border-radius: 0;
}

#page-wrapper.dip-admin-table-skin .panel-body > .table-responsive:first-child {
	margin-top: 0;
}

#page-wrapper.dip-admin-table-skin table.table:not(.dataTable) thead th {
	background: var(
		--dip-admin-grad-hero,
		linear-gradient(135deg, #1a365d 0%, #2c5282 40%, #2b6cb0 70%, #319795 100%)
	);
	color: #fff !important;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.45px;
	padding: 14px 16px;
	border: none !important;
	border-bottom: none !important;
	vertical-align: middle;
	white-space: nowrap;
}

#page-wrapper.dip-admin-table-skin
	table.table:not(.dataTable)
	thead
	th:first-child {
	border-radius: 12px 0 0 0;
}

#page-wrapper.dip-admin-table-skin
	table.table:not(.dataTable)
	thead
	th:last-child {
	border-radius: 0 12px 0 0;
}

#page-wrapper.dip-admin-table-skin table.table:not(.dataTable) tbody td,
#page-wrapper.dip-admin-table-skin table.table:not(.dataTable) tbody th {
	padding: 14px 16px;
	font-size: 13px;
	color: #2d3748;
	border-top: none !important;
	border-left: none !important;
	border-right: none !important;
	border-bottom: 1px solid #eef2f7;
	vertical-align: middle;
	background-color: transparent !important;
}

#page-wrapper.dip-admin-table-skin
	table.table:not(.dataTable)
	tbody
	tr:nth-child(even)
	td,
#page-wrapper.dip-admin-table-skin
	table.table:not(.dataTable)
	tbody
	tr:nth-child(even)
	th {
	box-shadow: inset 0 0 0 9999px rgba(15, 23, 42, 0.022);
}

#page-wrapper.dip-admin-table-skin
	table.table:not(.dataTable)
	tbody
	tr:hover
	td,
#page-wrapper.dip-admin-table-skin
	table.table:not(.dataTable)
	tbody
	tr:hover
	th {
	background: #f1f5f9 !important;
	box-shadow: inset 0 0 0 9999px rgba(49, 130, 206, 0.04);
}

#page-wrapper.dip-admin-table-skin
	table.table:not(.dataTable)
	tbody
	tr:last-child
	td,
#page-wrapper.dip-admin-table-skin
	table.table:not(.dataTable)
	tbody
	tr:last-child
	th {
	border-bottom: none;
}

#page-wrapper.dip-admin-table-skin
	table.table.table-striped:not(.dataTable)
	> tbody
	> tr:nth-of-type(odd)
	> td,
#page-wrapper.dip-admin-table-skin
	table.table.table-striped:not(.dataTable)
	> tbody
	> tr:nth-of-type(odd)
	> th,
#page-wrapper.dip-admin-table-skin
	table.table.table-striped:not(.dataTable)
	> tbody
	> tr:nth-of-type(even)
	> td,
#page-wrapper.dip-admin-table-skin
	table.table.table-striped:not(.dataTable)
	> tbody
	> tr:nth-of-type(even)
	> th {
	background-color: transparent !important;
}

#page-wrapper.dip-admin-table-skin table.table.table-bordered:not(.dataTable) {
	border: none !important;
}

#page-wrapper.dip-admin-table-skin
	table.table.table-bordered:not(.dataTable)
	> thead
	> tr
	> th,
#page-wrapper.dip-admin-table-skin
	table.table.table-bordered:not(.dataTable)
	> tbody
	> tr
	> td {
	border-left: none !important;
	border-right: none !important;
}

#page-wrapper.dip-admin-table-skin .btn {
	border-radius: 10px;
	font-weight: 600;
	font-size: 13px;
	padding: 8px 16px;
	transition:
		transform 0.15s ease,
		box-shadow 0.2s ease,
		filter 0.2s ease;
}

#page-wrapper.dip-admin-table-skin .btn-sm {
	padding: 6px 12px;
	font-size: 12px;
	border-radius: 8px;
}

#page-wrapper.dip-admin-table-skin .btn-lg {
	padding: 10px 20px;
	font-size: 14px;
}

#page-wrapper.dip-admin-table-skin .btn-primary {
	background: linear-gradient(135deg, #3182ce 0%, #2b6cb0 100%);
	border: none;
	color: #fff !important;
	box-shadow: 0 2px 10px rgba(49, 130, 206, 0.28);
}

#page-wrapper.dip-admin-table-skin .btn-primary:hover,
#page-wrapper.dip-admin-table-skin .btn-primary:focus {
	background: linear-gradient(135deg, #2b6cb0 0%, #2c5282 100%);
	color: #fff !important;
	transform: translateY(-1px);
	box-shadow: 0 4px 14px rgba(49, 130, 206, 0.35);
}

#page-wrapper.dip-admin-table-skin .btn-success {
	background: linear-gradient(135deg, #38a169 0%, #2f855a 100%);
	border: none;
	color: #fff !important;
	box-shadow: 0 2px 10px rgba(56, 161, 105, 0.25);
}

#page-wrapper.dip-admin-table-skin .btn-success:hover,
#page-wrapper.dip-admin-table-skin .btn-success:focus {
	color: #fff !important;
	filter: brightness(1.05);
	transform: translateY(-1px);
}

#page-wrapper.dip-admin-table-skin .btn-danger {
	background: linear-gradient(135deg, #e53e3e 0%, #c53030 100%);
	border: none;
	color: #fff !important;
	box-shadow: 0 2px 10px rgba(229, 62, 62, 0.25);
}

#page-wrapper.dip-admin-table-skin .btn-danger:hover,
#page-wrapper.dip-admin-table-skin .btn-danger:focus {
	color: #fff !important;
	filter: brightness(1.05);
	transform: translateY(-1px);
}

#page-wrapper.dip-admin-table-skin .btn-warning {
	background: linear-gradient(135deg, #ed8936 0%, #dd6b20 100%);
	border: none;
	color: #fff !important;
	box-shadow: 0 2px 10px rgba(237, 137, 54, 0.25);
}

#page-wrapper.dip-admin-table-skin .btn-warning:hover,
#page-wrapper.dip-admin-table-skin .btn-warning:focus {
	color: #fff !important;
	filter: brightness(1.05);
	transform: translateY(-1px);
}

#page-wrapper.dip-admin-table-skin .btn-info {
	background: linear-gradient(135deg, #3182ce 0%, #319795 100%);
	border: none;
	color: #fff !important;
	box-shadow: 0 2px 10px rgba(49, 130, 206, 0.22);
}

#page-wrapper.dip-admin-table-skin .btn-info:hover,
#page-wrapper.dip-admin-table-skin .btn-info:focus {
	color: #fff !important;
	filter: brightness(1.05);
	transform: translateY(-1px);
}

#page-wrapper.dip-admin-table-skin .btn-default {
	background: #f1f5f9;
	border: 1px solid #e2e8f0;
	color: #334155 !important;
	box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
}

#page-wrapper.dip-admin-table-skin .btn-default:hover,
#page-wrapper.dip-admin-table-skin .btn-default:focus {
	background: #e2e8f0;
	color: #1e293b !important;
}

#page-wrapper.dip-admin-table-skin .panel-body .form-control,
#page-wrapper.dip-admin-table-skin .dip-card-body .form-control {
	border-radius: 10px;
	border: 2px solid #e2e8f0;
	font-size: 13px;
	padding: 8px 12px;
	transition:
		border-color 0.2s ease,
		box-shadow 0.2s ease;
}

#page-wrapper.dip-admin-table-skin .panel-body .form-control:focus,
#page-wrapper.dip-admin-table-skin .dip-card-body .form-control:focus {
	border-color: #3182ce;
	box-shadow: 0 0 0 3px rgba(49, 130, 206, 0.15);
	outline: none;
}

#page-wrapper.dip-admin-table-skin .label {
	border-radius: 999px;
	font-weight: 600;
	padding: 0.35em 0.65em;
	font-size: 11px;
}