.droopmenu-navbar {
	background: #f2f2f2;
	box-shadow: 0 3px 4px rgba(0, 0, 0, 0.3);
}

.droopmenu>li>a,
.droopmenu>li>span {
	color: #333333
}

.droopmenu li:hover>a {
	color: #eb6423
}

.droopmenu li:hover>a.droopmenu-button {
	background: 0 0;
	color: hsla(0, 0%, 100%, .6)
}

.droopmenu li>a.droopmenu-button span {
	border-color: #fff
}

.droopmenu li:hover>a.droopmenu-button span {
	border-color: hsla(0, 0%, 100%, .6)
}

.droopmenu li li:hover>a {
	background: #fff;
	color: #eb6423
}

.droopmenu-toggle i:after,
.droopmenu-toggle i:before {
	background: #2a529a
}

.droopmenu .dm-block-title,
.droopmenu .droopmenu-content .dm-small,
.droopmenu .droopmenu-content p a,
.droopmenu .droopmenu-icon-links li .dm-details span,
.droopmenu-col h4 {
	color: #2a529a
}

.droopmenu .droopmenu-icon-links li .dm-icon-holder {
	background-color: #2a529a;
	color: #fff
}

.droopmenu li.dmopener .dm-arrow {
	border-bottom-color: #fff
}

.dmarrow-down .droopmenu li.dmopener .dm-arrow {
	border-top-color: #f2f2f2
}

.dmpos-bottom .droopmenu li.dmopener .dm-arrow {
	border-top-color: #fff
}

.dmpos-bottom.dmarrow-down .droopmenu li.dmopener .dm-arrow {
	border-bottom-color: #f2f2f2
}

.droopmenu-extra .droopmenu .droopmenu-social-icons a {
	border-color: #fff
}

.droopmenu-extra .droopmenu .droopmenu-social-icons a i {
	color: #fff
}

.droopmenu-extra .droopmenu .droopmenu-social-icons a:hover i {
	color: hsla(0, 0%, 100%, .6)
}

.droopmenu-extra .droopmenu .droopmenu-social-icons a:hover {
	border-color: hsla(0, 0%, 100%, .6)
}

@media only screen and (min-width:768px) {
	.droopmenu .droopmenu-tabnav a.droopmenu-tab-active {
		color: #2a529a
	}
	.dm-page .dm-main-header .dm-badge,
	.dm-page .droopmenu-header,
	.dm-page .droopmenu-vertical {
		background: #2a529a
	}
	.dm-page.dm-sidebar-left .dm-sidebar .droopmenu-vertical {
		border-right-color: #2a529a
	}
	.dm-page.dm-sidebar-right .dm-sidebar .droopmenu-vertical {
		border-left-color: #2a529a
	}
	.dm-page .droopmenu>li>a:after {
		border-bottom-color: #fff;
		border-right-color: #fff
	}
	.dm-page .droopmenu>li>a {
		-webkit-box-shadow: inset 1px 0 0 transparent;
		box-shadow: inset 1px 0 0 transparent
	}
	.dm-page .droopmenu>li:hover>a {
		-webkit-box-shadow: inset 4px 0 0 hsla(0, 0%, 0%, .5);
		box-shadow: inset 4px 0 0 hsla(0, 0%, 0%, .5)
	}
	.dm-page .droopmenu>li.dmh-separator {
		border-bottom: 1px solid hsla(0, 0%, 100%, .45);
		border-top: 1px solid hsla(0, 0%, 0%, .18)
	}
	.dm-page .droopmenu>li>h3 {
		color: #fff
	}
	.dm-page .dm-badge {
		border-color: #fff
	}
}

@media screen and (max-width:767px) {
	.droopmenu-navbar {
		background: #fff
	}
	.droopmenu-header {
		background: #f2f2f2
	}
	.droopmenu>li>a,
	.droopmenu>li>span {
		color: #71818C
	}
	.droopmenu li:hover>a {
		background: #405CA6;
		color: #fff
	}
	.droopmenu li li:hover>a {
		background: #fff;
		color: #4A79F3
	}
	.droopmenu li.dmtoggle-open>a {
		background: #405CA6;
		color: #fff
	}
	.droopmenu-extra .droopmenu li:hover>a,
	.droopmenu-extra .droopmenu>li>a {
		color: #fff
	}
	.droopmenu-extra .droopmenu li li:hover>a {
		color: #4A79F3
	}
	.droopmenu-extra .droopmenu li.dmtoggle-open>a {
		background-color: #405CA6;
		color: #fff
	}
	.dm-page .dm-page-title {
		border-top: 0
	}
	.dm-page .droopmenu li.dmtoggle-open>a .dm-badge,
	.dm-page .droopmenu li:hover>a .dm-badge {
		border-color: #fff
	}
	.dm-page .droopmenu>li>h3 {
		padding: 15px 25px 0;
		color: #4A79F3
	}
}