#content {
	margin-top: 15px;
}

.row-cle-logo{
	background: #5F3A99;
	/*border-top: 1px solid #7B52AB;*/
}

.dropdown-menu-large {
  margin-left: 16px;
  margin-right: 16px;
  padding: 20px 0px;

  background-color: rgb(123, 82, 171);
  background-color: rgba(123, 82, 171, 0.95);
}

#row-menu .nav-tabs.nav-justified > li > a:hover,
#row-menu .nav-tabs.nav-justified > li > a:active,
#row-menu .nav-tabs.nav-justified > li > a:focus,
#row-menu .nav-tabs.nav-justified > li.active > a,
#row-menu .nav-tabs.nav-justified > li.open > a{
	color:#ffe919;
	border: solid 1px #7B52AB;
	border-bottom: 0px;
	background-color: #7B52AB;
}

.breadcrumb {
background-color: #f5f5f5;
}

.cle-logo {
	background: url(../img/purple3.jpg) no-repeat;
	background-size: cover;
	padding-top: 19px;
	padding-bottom: 15px;
}

.cle-logo h3 {
	width: 376px;
	height: 70px;
	background: url(../img/CLE_ORS_2.png) no-repeat;
}

.shss-logo {
	background: url(../img/purple3.jpg) no-repeat;
	background-size: cover;
	padding-top: 19px;
	padding-bottom: 15px;
}

.shss-logo h3 {
	width: 650px;
	height: 70px;
	background: url(../img/shss.png) no-repeat;
}

.hkcpd-logo {
	background: url(../img/purple3.jpg) no-repeat;
	background-size: cover;
	padding-top: 19px;
	padding-bottom: 15px;
}

.hkcpd-logo h3 {
	width: 376px;
	height: 70px;
	background: url(../img/hkcpd_hub_logo_small.fw.png) no-repeat;
}

.explanation{
	padding: 10px 15px 4px 15px;
	font-weight: bold;
	color:#bbb;
}

.nav-tabs.nav-justified>.dropdown .dropdown-menu.dropdown-menu-large.dropdown-menu-full {
	left: auto;
}

/*mobile screen*/
@media (max-width: 767px){
	.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
		background-color: #444;
	}
	.cle-logo h3 {
		width: 270px;
		height: 50px;
		background-size: contain;
	}
	.shss-logo h3 {
		width: 270px;
		height: 50px;
		background-size: contain;
	}
	.hkcpd-logo h3 {
		width: 270px;
		height: 50px;
		background-size: contain;
	}
}

/*small, medium and large screen*/
@media (min-width: 768px){
	#row-menu {
		background: #5F3A99;
		border-top: 1px solid #7B52AB;
	}
}