:root {
	--bc-1 : #005fac; 		/*base color 1 - blue*/
	--bc-2 : #fab715;			/*base color 2 - yellow*/
	--bc-3 : #02a54f;		/*base color 3 - green*/
}

.bg-bc-1 {
	background-color: var(--bc-1);
}

.bg-bc-2 {
	background-color: var(--bc-2);
}

.bg-bc-3 {
	background-color: var(--bc-3);
}

.bg-hover-bc-1:hover {
	background-color: var(--bc-1)!important;
}

.bg-hover-bc-2:hover {
	background-color: var(--bc-2)!important;
}

.bg-hover-bc-3:hover {
	background-color: var(--bc-3)!important;
}

.text-bc-1 {
	color: var(--bc-1);
}

.text-bc-2 {
	color: var(--bc-2);
}

.text-bc-3 {
	color: var(--bc-3);
}

.text-hover-bc-1:hover {
	color: var(--bc-1)!important;
}

.text-hover-bc-2:hover {
	color: var(--bc-2)!important;
}

.text-hover-bc-3:hover {
	color: var(--bc-3)!important;
}

.btn.btn-color-bc-1,
.btn.btn-color-bc-1 i {
  color: var(--bc-1);
}

.btn.btn-bc-1 {
  color: #fff;
  border-color: var(--bc-1);
  background-color: var(--bc-1);
}

.btn.btn-bc-1 i {
  color: #fff;
}

.btn-check:active + .btn.btn-active-bc-1,
.btn-check:checked + .btn.btn-active-bc-1,
.btn.btn-active-bc-1.active,
.btn.btn-active-bc-1.show,
.btn.btn-active-bc-1:active:not(.btn-active),
.btn.btn-active-bc-1:focus:not(.btn-active),
.btn.btn-active-bc-1:hover:not(.btn-active),
.show > .btn.btn-active-bc-1 {
  color: #fff;
  border-color: var(--bc-1);
  background-color: var(--bc-1) !important;
}

.btn-check:active + .btn.btn-active-color-bc-1,
.btn-check:checked + .btn.btn-active-color-bc-1,
.btn.btn-active-color-bc-1.active,
.btn.btn-active-color-bc-1.show,
.btn.btn-active-color-bc-1:active:not(.btn-active),
.btn.btn-active-color-bc-1:focus:not(.btn-active),
.btn.btn-active-color-bc-1:hover:not(.btn-active),
.show > .btn.btn-active-color-bc-1 {
	color: var(--bc-1) !important	;
}

.btn-check:active + .btn.btn-active-color-bc-1 i,
.btn-check:checked + .btn.btn-active-color-bc-1 i,
.btn.btn-active-color-bc-1.active i,
.btn.btn-active-color-bc-1.show i,
.btn.btn-active-color-bc-1:active:not(.btn-active) i,
.btn.btn-active-color-bc-1:focus:not(.btn-active) i,
.btn.btn-active-color-bc-1:hover:not(.btn-active) i,
.show > .btn.btn-active-color-bc-1 i {
	color: var(--bc-1);
}

.btn.btn-color-bc-2,
.btn.btn-color-bc-2 i {
  color: var(--bc-2);
}

.btn.btn-color-hover-bc-2:hover,
.btn.btn-color-hover-bc-2:hover i {
  color: var(--bc-2);
}

.btn-check:active + .btn.btn-active-bc-2,
.btn-check:checked + .btn.btn-active-bc-2,
.btn.btn-active-bc-2.active,
.btn.btn-active-bc-2.show,
.btn.btn-active-bc-2:active:not(.btn-active),
.btn.btn-active-bc-2:focus:not(.btn-active),
.btn.btn-active-bc-2:hover:not(.btn-active),
.show > .btn.btn-active-bc-2 {
  color: #fff;
  border-color: var(--bc-2);
  background-color: var(--bc-2) !important;
}

.btn-check:active + .btn.btn-active-bc-2,
.btn-check:checked + .btn.btn-active-bc-2,
.btn.btn-active-bc-2.active,
.btn.btn-active-bc-2.show,
.btn.btn-active-bc-2:active:not(.btn-active),
.btn.btn-active-bc-2:focus:not(.btn-active),
.btn.btn-active-bc-2:hover:not(.btn-active),
.show > .btn.btn-active-bc-2 {
  color: #fff;
  border-color: var(--bc-2);
  background-color: var(--bc-2) !important;
}

.drawer {
	background-color: var(--bc-1);
}

[class*="clamp-row-"] {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.clamp-row-1 {
  -webkit-line-clamp: 1;
}

.clamp-row-2 {
  -webkit-line-clamp: 2;
}

.clamp-row-3 {
  -webkit-line-clamp: 3;
}

.clamp-row-4 {
  -webkit-line-clamp: 4;
}

.clamp-row-5 {
  -webkit-line-clamp: 5;
}

.header-fixed .header,
.header-fixed[data-kt-sticky-header="on"] .header {
	background-color: #005facde;
	backdrop-filter: blur(5px);
}

.menu-state-bg .menu-item .menu-link:hover:not(.disabled):not(.active),
.menu-state-bg .menu-item.hover > .menu-link:not(.disabled):not(.active) {
  transition: color .2s ease,
  background-color .2s ease;
  background-color: var(--bc-2);
}

.menu-state-bg .menu-item .menu-link:hover:not(.disabled):not(.active) .menu-title,
.menu-state-bg .menu-item.hover > .menu-link:not(.disabled):not(.active) .menu-title {
  transition: color .2s ease,
  background-color .2s ease;
  color: var(--bs-gray-800);
}

.menu-state-bg .menu-item .menu-link.active {
	background-color: var(--bc-2);
}

.menu-state-bg .menu-item .menu-link.active .menu-title {
  color: var(--bs-gray-800);
}

@media (min-width: 992px) {
	body:not([data-kt-sticky-header="on"]) .topbar .btn.btn-active-light-primary.show,
	body:not([data-kt-sticky-header="on"]) .btn.btn-active-light-primary:hover:not(.btn-active) {
		color: #fff!important;
		background-color: rgba(255,255,255,.1)!important;
	}
}
.download-pdf-mobile{
	display: none !important;
}
.download-pdf-laptop{
	display: block !important;
}
@media (max-width: 768px) {
	.download-pdf-mobile{
		display: block !important;
	}
	.download-pdf-laptop{
		display: none !important;
	}
}

.topbar .menu-state-primary .menu-item .menu-link:hover:not(.disabled):not(.active),
.topbar .menu-state-primary .menu-item .menu-link.active,
.topbar .btn.btn-active-light-primary.show i,
.topbar .btn.btn-active-light-primary:hover:not(.btn-active) i {
	color: var(--bs-gray-800);
}

.header-logo span {
	color : white;
}
/*[data-kt-sticky-header="on"] .header-logo span {
	color : black;
}*/
[data-kt-drawer-header-menu="on"]  .header-menu.drawer {
	transform: none;
  box-shadow: 0 1px 9px -3px rgba(0,0,0,.05);
  transition: transform .3s ease-in-out;
}
.drawer-overlay{
	z-index: 1 !important;
}
#kt_header_user_sub_menu_toggle2 {
	z-index: 105; 
	position: fixed!important; 
	inset: 0px 0px auto auto; 
	margin: 0px;
	transform: translate3d(-6px, 60px, 0px)!important;
}


/*begin::dashboard swiper*/
.swiper-dashboard-button-prev.swiper-button-disabled,
.swiper-dashboard-button-next.swiper-button-disabled {
	pointer-events: none;
		opacity: .7;
}
.dashboardSwiper .swiper-pagination-bullet {
	min-width: 25px;
	border-radius: 5px;
}
.swiper-pagination-bullet-active {
	background: var(--swiper-pagination-color,var(--bc-2));
}
/*end::dashboard swiper*/

.linkTerkaitSwiper .swiper-wrapper {
	transition-timing-function: linear;
}

/*OVERIDE peta anggaran*/
/* 
.staticResizable, .selection-panel, .categoryContainer, .graphSettings{
	display: none !important;
}
.grid-stack{
	height: auto !important;
}
.mapContainer{
	border: none !important;
}
.map-panel{
	position: unset !important;
	border: none !important;
}
.map-panel > .grid-stack-item-content{
	width: 100% !important;
} */
.map-container {
	/* display: flex; */
	height: 500px;
 }
 .map{
	height: 500px;
	margin-top: 0px;
	margin-bottom: 0px;
 }
 /* .table-responsive{
	transform: rotateX(180deg);
  	overflow-x: auto;
 }
 .custom-table{
	transform: rotateX(180deg);
 }  */
 .custom-table{
	width: 100%;
	overflow-x: auto;
	max-width: 100%;
 }
 .custom-table th, .custom-table td{
	border: 1px solid #ccc;
 }
 .custom-table th{
	background-color: rgba(33,116,183, 0.1);
	text-align: center;
 }
 .custom-table th, .custom-table td{
	padding: 5px;
	white-space: nowrap; overflow: hidden; text-overflow:ellipsis; 
 }
 .custom-table tr:nth-child(even) {
	background-color: #f2f2f2;
  }
  .sectioncontainer{
	position: relative;
  }
  .custom-table tr{
	
  }
  .headcol {
	/* position: absolute;
	left: 0;
	top: auto;
	width: 200px; */
  }
  .long {
	/* background: yellow;
	letter-spacing: 1em; */
	text-align: right;
  }