.bw-dropdown-menu {
	position: relative;
}

.bw-dropdown-submenu a, .bw-dropdown-submenu a:link, .bw-dropdown-submenu a:visited, .bw-dropdown-submenu a:active, .bw-dropdown-submenu a:hover {
	padding: 3px 1rem;
	color: #292b2c !important;
	text-decoration: none;
	display:block;
}

.bw-dropdown-submenu a:hover {
	background-color: #E0E0E0;
}

.bw-dropdown-menu.bottom > .bw-dropdown-toggle.caret::after,
.bw-dropdown-menu.right > .bw-dropdown-toggle.caret::after,
.bw-dropdown-menu.top > .bw-dropdown-toggle.caret::after {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: .4em;
	vertical-align: middle;
	content: "";
}

.bw-dropdown-menu.left > .bw-dropdown-toggle.caret::before {
	display: inline-block;
	width: 0;
	height: 0;
	margin-right: .4em;
	vertical-align: middle;
	content: "";
}

.bw-dropdown-menu.bottom > .bw-dropdown-toggle.caret::after {
	border-top: .3em solid;
	border-right: .3em solid transparent;
	border-bottom: 0;
	border-left: .3em solid transparent;
}

.bw-dropdown-menu.right > .bw-dropdown-toggle.caret::after {
	border-top: .3em solid transparent;
	border-right: 0;
	border-bottom: .3em solid transparent;
	border-left: .3em solid;
}

.bw-dropdown-menu.left > .bw-dropdown-toggle.caret::before {
	border-top: .3em solid transparent;
	border-right: .3em solid;
	border-bottom: .3em solid transparent;
	border-left: 0;
}

.bw-dropdown-menu.top > .bw-dropdown-toggle.caret::after {
	border-top: 0;
	border-right: .3em solid transparent;
	border-bottom: .3em solid;
	border-left: .3em solid transparent;
}

.bw-dropdown-submenu {
	padding: .5rem 0;
	background: #fff;
	border: 1px solid rgba(0,0,0,.15);
	display: none;
	flex-direction: column;
	position: absolute;
	z-index: 99999;
	width: 200px;
}

.bw-dropdown-menu.bottom > .bw-dropdown-submenu {
	top: 100%;
	left: 0;
}

.bw-dropdown-menu.right > .bw-dropdown-submenu {
	left: calc(100%);
	top: 0;
}

.bw-dropdown-menu.left > .bw-dropdown-submenu {
	right: calc(100%);
	top: 0;
}

.bw-dropdown-menu.top > .bw-dropdown-submenu {
	bottom: 100%;
	left: 0;
}

.bw-dropdown-submenu.toggled {
	display: flex;
}

@media (min-width: 768px) {
	.bw-dropdown-menu.hover:hover > .bw-dropdown-submenu {
		display: flex;
	}
}
@media (max-width: 768px) {
	.bw-dropdown-submenu {
		position: static;
	}
}