.table td {
	font-size: 14px;
	border-color: #f5f5f5;
}

.empty {
	padding: 24vh;
}

.card-body.p-0 {
	overflow-y: auto;
}

.list-group {
	margin-left: 0;
	margin-right: 0;
	/* overflow: scroll; */
	height: 112vh;
}

.list-group {
	margin-left: 0;
	margin-right: 0;
	height: 116vh;
}

.map-sidebar.navbar-dark.p-3.vstack.gap-3 {
	max-height: 91vh;
	overflow-y: auto;
}


.card-body>:last-child {
	margin-bottom: 0;
	/* overflow-y: scroll; */
	/* height: 73vh; */
}

.meta.text-muted.mb-2 {
	overflow-y: hidden;
}

.card-header {
	background-color: #1D273B;
	color: white;
	font-weight: bold;
}

.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;
}

.modal-header {
	background-color: #1D273B;
}

.modal-title {
	color: #fff;
}

button.btn-close {
	color: #fff;
}

.py-6 {
	padding-top: 6rem;
	padding-bottom: 6rem;
}

body {
	background: #fff;
}

.hero {
	display: flex;
	min-height: 460px;
	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;
}

header.navbar {
	z-index: 200 !important;
}

@media screen and (max-width: 1600px) {
	p.tes {
		margin-top: -4vh;
		margin-left: 134px;
	}

	.empty {
		padding: 17vh;
	}

	.card-body>:last-child {
		margin-bottom: 0;
		/* overflow-y: scroll; */
		/* height: 51vh; */
	}

	/* ul.list-group {
    	height: 10vh;
	} */

	.list-group {
		margin-left: 0;
		margin-right: 0;
		/* height: 15vh; */
	}

	.list-group.list-group-flush {
		height: 54vh;
	}
}

@media screen and (max-width: 1920px) {
	p.tes {
		margin-top: -4vh;
		margin-left: 134px;
	}
}

@media only screen and (device-aspect-ratio: 768/1024) and (orientation : portrait) {
	i.bi.bi-calendar.me-1 {
		font-size: 10px;
	}

	i.bi.bi-file-text.me-1 {
		font-size: 10px;
	}

	.hstack {
		display: flex;
		flex-direction: row;
		align-items: baseline;
		align-self: stretch;
	}

	.container,
	.container-md,
	.container-sm {
		max-width: 738px;
	}

	.ms-auto {
		font-size: 7px;
	}

	span.me-1 {
		font-size: 10px;
	}

	span.ms-auto {
		font-size: 10px;
	}

	p.tes {
		margin-top: -3vh;
		margin-left: 99px;
	}

	div#panoDIV {
		margin-top: -37vh;
	}

	a.btn.col-md.btn-primary {
		width: 73vh;
	}

	a.btn.col-md.btn-info {
		width: 73vh;
	}

	a.btn.col-md.btn-success {
		width: 73vh;
	}
}

@media (min-width: 800px) {
	.map-wrapper {
		min-height: calc(75vh - 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;
		height: 90vh;
	}

	.map-container {
		position: absolute;
		inset: 0;
	}
}

.navbar-dark {
	--tblr-navbar-border-color: transparent;
}

.card-header.fw-bold.bg-primary.rounded-0 {
	color: #fff;
}

.card-header.fw-bold.bg-primary {
	color: #fff;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.login-cover.bg-dark.col.d-flex.align-items-end {
		height: 87vh;
	}
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
	span.ms-auto {
		font-size: 12px;
	}

	span.me-1 {
		font-size: 12px;
	}

	i.bi.bi-calendar.me-1 {
		font-size: 12px;
	}

	i.bi.bi-file-text.me-1 {
		font-size: 12px;
	}

	.hstack {
		display: flex;
		flex-direction: row;
		align-items: baseline;
		align-self: stretch;
	}

	p.tes {
		margin-top: -2vh;
		margin-left: 134px;
	}

	div#panoDIV {
		margin-top: -9vh;
	}

	a.btn.col-md.btn-primary {
		width: 23vh;
	}

	a.btn.col-md.btn-info {
		width: 23vh;
	}

	a.btn.col-md.btn-success {
		width: 23vh;
	}
}

@media screen and (max-width: 1366px) {
	.list-group.list-group-flush {
		height: 78vh;
	}

	.card-body>:last-child {
		margin-bottom: 0;
		/* overflow-y: scroll; */
		/* height: 73vh; */
	}

	.empty {
		padding: 21vh;
	}

	.list-group {
		margin-left: 0;
		margin-right: 0;
		/* overflow: scroll; */
		height: 112vh;
	}

	p.tes {
		margin-top: -26px;
		margin-left: 134px;
	}

	.map-wrapper {
		min-height: calc(100vh - 60px);
		display: grid;
		grid-template-columns: 300px 1fr;
	}

	.map-content {
		display: grid;
		grid-template-rows: auto 1fr;
	}

	/* .hstack.gap-2 {
		flex-direction: row;
	} */
}

@media (max-width:1600px) and (min-width:1300px) {
	/* p.tes {
		margin-top: -28px;
		margin-left: 17vh;
	} */
}

@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
	p.tes {
		margin-top: 4px;
		margin-left: 1px;
	}
}

@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) {
	p {
		margin-left: -15px;
	}
}

@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {
	p {
		margin-left: -12px;
	}
}

/* login,signup revamp */
.page-wrapper .login-image {
	display: block;
	position: relative;
	background-size: cover;
}

.page-wrapper .login-image .login-quote {
	color: white;
	position: absolute;
	overflow: auto;
	left: 50px;
	bottom: 30px;
}

.page-wrapper .login-image .login-quote h3 {
	font-size: 2.1em;
}

.page-wrapper .login-form form {
	padding: 9vmin 7vmax;
}