/*
	FRONTEND
	custom khusus "data dasar"
*/

/* https://stackoverflow.com/a/54558039/3036312 */
form.pjax-form-search {
	display: flex;
	justify-content: flex-end;
}
form.pjax-form-search > * {
	margin-right: 10px;
}

#pjax-table .grid-view {
	overflow: auto; /* reset */
}
.table-responsive .table {
	position: relative;
	border-collapse: separate;
}
.table-responsive .table thead {
	z-index: +1;
	position: sticky;
	top: 0; /* Don't forget this, required for the stickiness */
}
.table-responsive .table tbody td {
	vertical-align: middle;
}

@media (max-width: 768px) { /* Small devices (tablets, 768px and down) */
	form.pjax-form-search {
		justify-content: unset;
		flex-wrap: wrap;
	}

	#data_dasar.section-data #data_dasar_sidebar.data-sidebar,
	#data_dasar.section-data #data_dasar_mainbar.data-content
	 {
		position: relative;
		float: none;
	}
	#data_dasar.section-data #data_dasar_sidebar.data-sidebar {
		width: auto;
	}
	#data_dasar.section-data #data_dasar_mainbar.data-content {
		margin-left: auto !important;
	}
}

#data_dasar_searchbar {
	/*width: calc(100% - 260px);*/
	/*position: absolute;*/
	/*z-index: 0;*/
}

@media (min-width: 992px) { /* Medium devices (desktops, 992px and up) */
	.table-responsive {
		height: calc(100vh - 220px);
	}
}