.table td{
	font-size: 14px;
	border-color: #f5f5f5;
}
.table thead tr:last-child th{
	border: none!important;
}
.table.no-footer{
	border: none!important;
}
.table .btn{
	padding-left: .5rem;
	padding-right: .5rem;
}
.note-toolbar.card-header{
	flex-wrap: wrap;
}
.bg-transparent-white{
	background: #fff1;
}

/* DATATABLE CUSTOM */
.dataTables_wrapper .dataTables_paginate .paginate_button{
	padding: 0!important;
	background: none!important;
	border: none!important;
}
.page-item.active .page-link{
	background: var(--primary-color);
	border-color: var(--primary-color);
}
.py-6{
	padding-top: 6rem;
	padding-bottom: 6rem;
}
body{
	background: #fff;
}
.hero{
	display: flex;
	min-height: 500px;
	align-items: center;
	color: #fff;
	position: relative;
	padding-top: 80px;
}
.hero .form-control{
	height: 60px;
}
.hero .bg{
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.hero:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	background: linear-gradient(45deg,#000a,#0000);
	z-index: 1;
}
.hero .container{
	z-index: 10;
}
.bg-dot{
	background-size: 0.75rem 0.75rem;
	background-image: radial-gradient(#54a8c7 2px,transparent 2.5px);
	opacity: .4;
}
.bg-dark a{
	color: #fffa;
}
.bg-dark a:hover{
	color: #fff;
}
.map-sidebar{
	background: #1D2635;
	overflow: auto;
}
.map-content-header{
	background: #fff;
	padding: 15px;
	box-shadow: 0px 5px 10px -8px #0001;
	position: relative;
	z-index: 10;
}
.map-content-body{
	position: relative!important;
	z-index: 1!important;
}
.map-container{
	width: 100%;
	min-height: 400px;
}
.map-info .table td{
	font-size: .8rem;
}
.map-info.collapse{
	background: #fff;
}
.map-info.collapse.show{
	transform: translateX(0);
	opacity: 1;
}

.layer-list .list-group-item{
	border: none;
	margin-bottom: 1px;
	background: #fff1;
}
.layer-list .list-group-item .action a{
	color: #fff;
}
.layer-list .action a.active{
	color: var(--tblr-primary);
}
.layer-list .action a.disable{
	color: #fff3;
}
.nav-basemap li{
	width: 100%;
}
.basemap-radio{
	position: relative;
	width: 100%;
	height: 50px;
	border-radius: 5px;
	overflow: hidden;
	cursor: pointer;
}
.basemap-radio input{
	position: absolute;
	visibility: hidden;
}
.basemap-radio img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border: 4px solid #fff3;
	filter: grayscale(1);
	opacity: 0.3;
}
.basemap-radio input:checked ~ img{
	border-color: var(--tblr-primary);
	filter: grayscale(0);
	opacity: 1;
}
.jenjang-checkbox{
	padding: 10px;
	border-radius: 5px;
	margin: 0 0 5px;
	position: relative;
}
.jenjang-checkbox .title,
.jenjang-checkbox .input,
.jenjang-checkbox .badge{
	position: relative;
	z-index: 2;
}
.jenjang-checkbox .bg{
	position: absolute;
	inset: 0;
	background: #fff1;
	border-radius: 5px;
}
.jenjang-checkbox input:checked ~ .bg{
	background: var(--tblr-primary);
	opacity: 0.3;
	z-index: 0;
}

@media (min-width: 992px) {
	:host, :root{
		margin: 0;
	}
}

@media (min-width: 800px){
	.map-wrapper{
		min-height: calc(100vh - 60px);
		display: grid;
		grid-template-columns:300px 1fr;
	}	
	.map-info.collapse{
		width: 250px;
		position: absolute;
		inset: 0 0 0 auto;
		overflow: auto;
		z-index: 10000;
	}
	#long,#lat{
		min-width: 160px;
	}
	.map-content{
		display: grid;
		grid-template-rows: auto 1fr;
	}
	.map-container{
		position: absolute;
		inset: 0;
	}
}