@supports ((position:-webkit-sticky) or (position:sticky)) {
	.side-nav, .main-space {
		position:-webkit-sticky;
		position:sticky;
		top: 6rem;
		max-height:calc(100vh - 6rem);
		overflow-y:auto
	}
}

@media all and (min-width: 992px) {

	.dropdown-menu li{
		position: relative;
	}
	.dropdown-menu .submenu{ 
		display: none;
		position: absolute;
		left:100%; top:-7px;
	}
	.dropdown-menu .submenu-left{ 
		right:100%; left:auto;
	}

	.dropdown-menu > li:hover{ background-color: #f1f1f1 }
	.dropdown-menu > li:hover > .submenu{
		display: block;
	}
}	

.menu-style {
	font-size: 25px; /*baru*/
	font-weight: bold; /*baru*/
}

.leftside-style {
	width: 150px;
	xbackground-color: darkgreen;
	background-color: #dbf5ce; /*baru*/
}

#main-nav-wrap {
	xbackground-color: #1aff1a;
	background-color: #f4fff9 /*baru*/
}
a {
	text-decoration: none;
}
a.nav-link:hover {
	color: white;
}
.nav-pills .nav-link.active,
.show > .nav-pills .nav-link {
  color: black;
  background-color: lightgreen;
}
.card-header {
	background-color: darkgreen;
	color: white;
}

.float{
  position:fixed;
  bottom: 20px;
  right: 28px;
  z-index:100;
  padding: 10px; 
  border-radius: 20px; 
}

a.float::after {
  color: yellow;
  content: "Tinggalkan Pesan Anda";
}

#media {
  display: none;
}

@media (min-width: 992px) { 
  #media {
    display: block;
  }
}

.wa {
  width: 20px;
  text-decoration: none;
}

a:hover {
  color: white; 
  text-decoration: none;
}