#bannerPanel {
	text-align:left;
	width:100%; 
	margin-top: 5px;
	margin-bottom: 18px;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
	vertical-align:middle;
	font-size:1.20em;
	border-left: 46px solid #68AFAC;
	background: rgb(245,245,245);
}

#bannerPanel div.cluster{
	float:left;
	width:46px;
	background-color:#68AFAC;
	height:42px;
	overflow:hidden;
	display: none;
	margin:5px 0px 5px 0px;
}

#bannerPanel div.icon {
	vertical-align:middle;
	float:left;
	display: none;
}

#bannerPanel div.text{
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 3px;
	color:#4d4d4d;
	font-weight:bold;
}

.panel-default .panel-heading{
	background-color: #E8E3CD;
	font-weight: bold;
}


/** ------------------ little bit customize on bootstrap ---------------  */
select::-ms-expand {
    border:none;
    background:#fff;
}


/** vertical-align */
.vcenter {
   display: inline-block;
   vertical-align: middle;
   float: none;
}

#hkidNumber1-error, #birthCertNumber1-error, #tb_ghkidNumber1-error {
	overflow: visible;
	white-space: nowrap;
}

.font-weight-bold {
	font-weight: bold;
}

.word-break-normal {
	word-break: normal;
}