/* Tema dark olive green (#556B3F) - PSB MANESA */
#main {
	background: #EDF1E8 !important;
	background-image: none !important;
}

.header {
	background: linear-gradient(135deg, #3D4F2E 0%, #556B3F 50%, #627548 100%) !important;
	background-image: none !important;
}

header.header .headline,
header.header .headline a,
header.header .slogan a {
	color: #FFFFFF !important;
	text-decoration: none !important;
}

header.header .slogan,
header.header .slogan a {
	color: #E8F0DC !important;
}

.psb-header-inner {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 12px 16px 12px 12px;
	min-height: 90px;
	box-sizing: border-box;
}

.psb-header-text {
	flex: 1;
	min-width: 0;
	text-align: left;
}

header.header .headline,
header.header .slogan {
	position: static !important;
	left: auto !important;
	top: auto !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	display: block;
}

header.header .headline {
	font-size: 28px;
	line-height: 1.25;
	font-weight: 700;
}

header.header .slogan {
	font-size: 15px;
	line-height: 1.35;
	margin-top: 4px;
	font-weight: 600;
}

.psb-header-logo-link {
	display: block;
	line-height: 0;
	flex-shrink: 0;
}

.psb-header-logo-img {
	display: block;
	height: 85px;
	width: auto;
	max-width: 90px;
}

@media all and (max-width: 991px) {
	.responsive #main,
	#main {
		overflow: visible !important;
	}

	.layout-wrapper > .content-layout > .content-layout-row {
		display: block !important;
		width: 100% !important;
	}

	.layout-wrapper > .content-layout > .content-layout-row > .layout-cell {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		float: none !important;
		clear: both !important;
		box-sizing: border-box !important;
	}

	.sheet,
	.layout-wrapper,
	.content-layout,
	.content-layout-row {
		background: #556B3F !important;
	}

	.responsive header.header,
	header.header {
		min-height: 0 !important;
		height: auto !important;
		padding: 0 !important;
		overflow: visible !important;
		background: linear-gradient(135deg, #3D4F2E 0%, #556B3F 50%, #627548 100%) !important;
	}

	.psb-header-inner {
		min-height: 0;
		padding: 10px 12px;
		gap: 10px;
	}

	.psb-header-logo-img {
		height: 56px;
		max-width: 70px;
	}

	header.header .headline {
		font-size: 18px !important;
	}

	header.header .slogan {
		font-size: 14px !important;
	}

	header.header .headline,
	header.header .headline a {
		text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35) !important;
		-webkit-font-smoothing: antialiased;
	}

	header.header .slogan,
	header.header .slogan a {
		text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25) !important;
	}

	.layout-cell.content {
		background: #EDF1E8 !important;
	}

	.responsive .layout-cell.sidebar1,
	.responsive .layout-cell.sidebar1#sidebarStyle,
	.layout-cell.sidebar1,
	.layout-cell.sidebar1#sidebarStyle {
		height: auto !important;
		min-height: 0 !important;
		background: #556B3F !important;
	}

	.responsive .layout-wrapper,
	.responsive .content-layout,
	.responsive .content-layout-row {
		margin-top: 0 !important;
		padding-top: 0 !important;
	}

	.responsive .header {
		min-height: 0 !important;
	}

	/* Hasil Seleksi - tabel mobile */
	.hasil-seleksi-mobile .postheader {
		font-size: 15px !important;
		line-height: 1.25 !important;
	}

	.hasil-seleksi-mobile .postcontent .content-layout-row .layout-cell {
		width: 100% !important;
		float: none !important;
		display: block !important;
	}

	.hasil-seleksi-mobile #select-jurusan-hasil,
	.hasil-seleksi-mobile input[name="data_cari"] {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box;
	}

	.hasil-seleksi-mobile input[name="data_cari"] {
		margin-bottom: 6px;
	}

	.hasil-table-mobile-wrap {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		margin: 0 -2px;
	}

	#tsorter.hasil-table-mobile {
		table-layout: fixed;
		width: 100% !important;
		font-size: 10px;
	}

	#tsorter.hasil-table-mobile th,
	#tsorter.hasil-table-mobile td {
		padding: 2px 1px;
	}

	#tsorter.hasil-table-mobile th:nth-child(1),
	#tsorter.hasil-table-mobile td:nth-child(1) {
		width: 20px;
		max-width: 20px;
	}

	#tsorter.hasil-table-mobile th:nth-child(2),
	#tsorter.hasil-table-mobile td:nth-child(2) {
		width: 40px;
		max-width: 40px;
		font-size: 9px;
	}

	#tsorter.hasil-table-mobile th:nth-child(3),
	#tsorter.hasil-table-mobile td:nth-child(3) {
		width: auto;
		max-width: 64px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	#tsorter.hasil-table-mobile th:nth-child(4),
	#tsorter.hasil-table-mobile td:nth-child(4) {
		width: 26px;
		max-width: 26px;
		min-width: 26px;
		font-size: 8px;
		line-height: 1.1;
		white-space: normal;
		word-break: break-word;
	}

	#tsorter.hasil-table-mobile th:nth-child(5),
	#tsorter.hasil-table-mobile td:nth-child(5) {
		width: 26px;
		max-width: 26px;
		font-size: 9px;
	}

	#tsorter.hasil-table-mobile th:nth-child(6),
	#tsorter.hasil-table-mobile td:nth-child(6) {
		width: 34px;
		max-width: 34px;
		min-width: 34px;
		font-size: 10px;
		font-weight: bold;
	}

	#tsorter.hasil-table-mobile th:nth-child(7):not(:last-child),
	#tsorter.hasil-table-mobile td:nth-child(7):not(:last-child) {
		width: 30px;
		max-width: 30px;
		font-size: 8px;
	}

	#tsorter.hasil-table-mobile th:nth-child(7):last-child,
	#tsorter.hasil-table-mobile td:nth-child(7):last-child,
	#tsorter.hasil-table-mobile th:nth-child(8),
	#tsorter.hasil-table-mobile td:nth-child(8) {
		width: 44px;
		max-width: 44px;
		font-size: 8px;
	}
}

/* Hasil Seleksi desktop - hanya #tsorter.hasil-table-desktop (bukan mobile) */
.hasil-table-desktop-wrap {
	overflow-x: auto;
}

#tsorter.hasil-table-desktop {
	table-layout: fixed !important;
	width: 100% !important;
}

#tsorter.hasil-table-desktop th,
#tsorter.hasil-table-desktop td {
	padding: 5px 6px !important;
	vertical-align: middle !important;
	line-height: 1.3 !important;
}

nav.nav,
.nav {
	background: #556B3F !important;
	background-image: none !important;
	border-bottom: 2px solid #708555 !important;
}

.desktop ul.hmenu>li:hover>a,
ul.hmenu>li:hover>a,
ul.hmenu>li>a:hover {
	background: #657A4A !important;
}

.layout-cell.sidebar1 {
	background: #556B3F !important;
}

.footer {
	background: #3D4F2E !important;
	background-image: none !important;
	border-top-color: #708555 !important;
}

.content-layout .sidebar1 {
	background: #556B3F !important;
}

ul.vmenu>li>a,
ul.vmenu>li>a.active {
	background: #556B3F !important;
}

ul.vmenu>li>a.active:hover,
ul.vmenu>li>a:hover {
	background: #657A4A !important;
}

.button,
.button.active,
.button.active:hover,
a.button,
a.button:link,
a.button:visited,
input.button {
	background: #556B3F !important;
}

.button.hover,
.button:hover,
a.button:hover {
	background: #657A4A !important;
}

.postmetadataheader {
	border-bottom-color: #8A9E72 !important;
}

.pager .active {
	background: #556B3F !important;
}

.content .postcontent-0 .layout-item-6 {
	border-color: #8A9E72 !important;
}

/* Tablesorter - header mengikuti tema olive, isi tabel tetap */
article table.tablesorter thead tr th,
table#tsorter thead tr th,
table.tablesorter thead tr th,
table.tablesorter tfoot tr th {
	background-color: #556B3F !important;
	color: #FFF !important;
	border-color: #708555 !important;
}

table.tablesorter thead tr .header {
	border-left-color: #708555 !important;
	border-right-color: #708555 !important;
	border-top-color: #708555 !important;
}

table.tablesorter thead tr .headerSortDown,
table.tablesorter thead tr .headerSortUp {
	background-color: #657A4A !important;
}

table.dataTable thead th,
table.dataTable thead td {
	background-color: #556B3F !important;
	color: #FFF !important;
	border-color: #708555 !important;
}

table.dataTable.no-footer {
	border-bottom-color: #708555 !important;
}