a			{color:#3399cc; text-decoration:underline}
a:visited 	{color:#3399cc; text-decoration:underline}
a:active  	{color:#3399cc; text-decoration:underline}
a:hover   	{color:#ff9900; text-decoration:underline}

@font-face {
  	font-family: Montserrat;
   	src: url('Montserrat-Regular.ttf');
}
@font-face {
    font-family: NotoSansCJK;
    src: url('NotoSansCJK-Regular-1.ttf');
}

body { 
    font-family: Montserrat,NotoSansCJK;
    font-size: 12px;
    margin: 0;
	scrollbar-face-color: #0099FF;
	scrollbar-arrow-color:  #CFECFF;
	scrollbar-highlight-color: #CFECFF;
	scrollbar-3dlight-color: #0066CC;
	scrollbar-shadow-color: #0066CC;
	scrollbar-darkshadow-color: #66CCFF;
	scrollbar-track-color: #CFECFF;
	/*
	scrollbar-face-color: #5c96bd;
	scrollbar-highlight-color: #b3cee0;
	scrollbar-shadow-color: #005A97;
	scrollbar-3dlight-color: #5c96bd;
	scrollbar-arrow-color:  #005A97;
	scrollbar-track-color: #cee0eb;
	scrollbar-darkshadow-color: #005A97;
	*/
}


table, tr, td, form, li, p {
    font-family: Montserrat,NotoSansCJK;
    font-size: 12px;
	color: #000000;
}

select,textarea,input[type=text],input[type=password],input[type=number] {
	font-family: Montserrat,NotoSansCJK;
  	box-sizing: border-box;
  	border: 1px solid #000000;
  	-webkit-transition: 0.5s;
  	transition: 0.5s;
  	outline: none;
  	color: #0d1846;
}
select:focus,textarea:focus,input[type=text]:focus,input[type=password]:focus,input[type=number]:focus{
	border: 1px solid #000000;
}
input[type=text]:disabled{
	background-color: #eeeeee;	
}
input[type=button],input[type=submit] {
	font-family: Montserrat,NotoSansCJK;
  	box-sizing: border-box;
  	border: 1px solid #0079c8;
  	-webkit-transition: 0.5s;
  	transition: 0.5s;
  	outline: none;
}
input[type=button]:focus,input[type=submit]:focus{
	border: 1px solid #0079c8;	/*REF ecButton*/
}
input[type=checkbox]{
	accent-color: #0079c8;
}

.ecTableHeader a {color:#ffffff; text-decoration:underline;}
.ecTableHeader a:visited {color:#ffffff; text-decoration:underline}
.ecTableHeader a:active {color:#ffffff; text-decoration:underline}
.ecTableHeader a:hover {color:#ffffff; text-decoration:underline}

.ecTable {
	border-left-style: solid;
	border-left-width: 1;
	border-right-style: solid;
	border-right-width: 1;
	border-top-style: solid;
	border-top-width: 1;
 	border-bottom-style: solid;
	border-bottom-width: 1;
}
.ecTable tr { height:24px; }	/* REF ecTextbox, which height = 24px */
.ecTableDefault {
  width: 100%;
  padding: 0px; /*cellpadding, default is set to 0*/
  border-spacing: 0px; /*cell spacing*/
  border: 0px solid #000000;
}
.ecTableDefault td, .ecTableDefault th {
  /*cellpadding, default is set to 0*/
  border-spacing: 0px;	/*cell spacing*/
  border: 0px solid #000000;
}
/*
.ecTableDefault tr:nth-child(even){background-color: #f2f2f2;}
.ecTableDefault tr:hover {background-color: #ddd;}
.ecTableDefault th {}
*/
.ecTableDefault2 {
  width: 100%;
  padding: 0px; /*cellpadding, default is set to 0*/
  border-spacing: 0px; /*cell spacing*/
  border: 0px solid #000000;
}
.ecTableDefault2 td, .ecTableDefault2 th {
  padding: 0px; /*cellpadding, default is set to 0*/
  border-spacing: 0px;	/*cell spacing*/
  border: 0px solid #000000;
}

.ecReceiptCell {
	border-left-style: solid;
	border-left-width: 0;
	border-right-style: solid;
	border-right-width: 0;
	border-top-style: solid !important;
	border-top-width: 1 !important;
 	border-bottom-style: solid;
	border-bottom-width: 0;
	border-color: #0d1846 !important;
	font-weight: bold;
    font-size: 12px;
	background-color: #eeeeee;
    color: #000000;
}

.ecTableHeaderCommon{
    font-size: 12px;
	background-color: #0079c8;
	color: #ffffff;
}

.ecCommonColor {
    font-size: 12px;
    color: #000000;
}

.ecTitle {
	font-weight: bold;
    font-size: 18px;
    color: #0079c8;
}

.ecMandatory {
    font-size: 12px;
	color: #cc3300
}

.ecInvalidReason {
	/*font-weight: bold;*/
    font-size: 12px;
	background-color: #ffffff;
	color: #FF0000
}

.ecCardReaderBox {
	height: 0px;
	width: 0px;
	/* 2013-05-02 REF-2310 CR107	Eric Shek, Start */
	background-color: #ffffff;
	color: #ffffff;
	border-style: none !important;
	border-color: #ffffff;
	/* 2013-05-02 REF-2310 CR107	Eric Shek, End */
}

.ecReceipt  {
	font-weight: bold;
    /*font-size: 12px;*/
	background-color: #eeeeee;
    /*color: #000000;*/
}

.ecReceiptForAddCoPay  {
    font-size: 12px;
	background-color: #eeeeee;
    color: #000000;
}

.ecErrorField {	/* REF ecTextbox */
    font-size: 12px;
	color:#0d1846; 
	/*border-color: #000000;
	border-style: solid;
	border-top-width: 1 px;
	border-right-width: 1 px;
	border-bottom-width: 1 px;
	border-left-width: 1 px;
	border-width:thin;
	*/
	height:24px;
	background-color: #FFFF00;
}

.ecComboBoxShort { width: 200px; }
.ecComboBoxShort2 { width: 100px; }
.ecComboBoxTextSize100pct { width: 100%; }
.ecComboBoxMeddle { width: 312px; }
.ecClaimFormComboBox { width: 98%; }

.ecLoginWelcome div {padding: 5px;}
.ecWelcome div {padding: 0px;}

.ecHeader {
    color:#0079c8;
    font-weight:bold;
    font-size:28px;
}
.ecSubHeader {
    font-weight:bold;
    font-size:16px;
}
.ecSubBody {
    font-size:12px;
}
.ecSectionHeader {
    font-size:18px;
}

.ecLoginSectionBody div {padding: 3px;}
.ecSectionBody div {padding: 0px;}
.ecLoginSectionError {padding-top: 0px !important; padding-bottom: 10px !important;}	/* refer ecLoginWelcome */
.ecSectionError {padding-top: 5px !important; padding-bottom: 15px !important;}	/* refer ecWelcome */

/*.ecSectionBodyLarge {font-weight: bold; font-size: 18px; color: #0079c8;}*/

.ecSubSectionHeader {font-size:14px; font-weight: bold; color:#0079c8; height:30px; vertical-align: middle; padding-top: 15px;}
.ecSubSectionLabel {width: 120px; height:24px;}
.ecSubSectionLabel2 {width: 180px; height:24px;}
.ecSubSectionLabel3 {width: 65px; height:24px;}
.ecSubSectionLabel4 {width: 150px; height:24px;}
.ecSubSectionSeparator {width: 10px;}
.ecSubSectionText {color: #000000;}
.ecSubSectionColSeparator {width: 20px !important;}

select {
    font-family: Montserrat,NotoSansCJK;
    font-size: 12px;
	color: #0d1846; /*#333399*/
	/*border-color: #000000;
	border-style: solid;	
	border-width:thin;*/
	height:24px;	/* REF ecTextbox */
}
select>option {
    font-family: Montserrat,NotoSansCJK;	/* use Arial */
    font-size: 12px;
	color: #0d1846 /*#333399*/
}

/*REF-1478 2008-05-14, start*/
.ecEnterEnquire {
	font-weight: bold;
    font-size: 14px;
	color: #3333AA;
}
/*REF-1478 2008-05-14, end*/

.ecErrorMessage {
	font-size: 12px; /*x-small*/
	color: red;
}
/* same as ecTextboxSize100pct but size <> 100% */
.ecTextbox {
    font-size: 12px;
	color:#0d1846; /* #333399 */
	/*border-color: #000000;
	border-style: solid;
	border-top-width: 1 px;
	border-right-width: 1 px;
	border-bottom-width: 1 px;
	border-left-width: 1 px;
	border-width:thin;*/
	height:24px;
}
/* same as ecTextbox but size = 100% */
.ecTextboxSize100pct {
    font-size: 12px;
	color:#0d1846; /* #333399 */
	/*border-color: #000000;
	border-style: solid;
	border-top-width: 1 px;
	border-right-width: 1 px;
	border-bottom-width: 1 px;
	border-left-width: 1 px;
	border-width:thin;*/
	height:24px;
	width:100%;
}

.ecButton {
    font-weight: bold;
    font-size: 12px;
	color: #ffffff;
	background-color: #0079c8;
	/*border-color: #0079c8;	
	border-style: solid;
	border-top-width: 0 px;
	border-right-width: 0 px;
	border-bottom-width: 0 px;
	border-left-width: 0 px;*/
	min-width:100px;/*width:100%;*/
	height:24px;
}
.ecButton2 {
    font-weight: bold;
    font-size: 12px;
	color: #0079c8;
	background-color: #f1efeb;	
	border-color: #f1efeb;
	border-style: solid;
	border-top-width: 0 px;
	border-right-width: 0 px;
	border-bottom-width: 0 px;
	border-left-width: 0 px;
	/*width:100%;*/
	height:24px;	/*tr height = 30px*/
}

.ecRedAlertFontH3 {
    font-size: 14px;    
	color: red;
	font-weight: bold;
}

.ecAlertFont13 {
    font-size: 13px;
	color: #3333AA;
}

/*	Azure work item #8324 for CR HKI2029 BEGIN	*/
ul.ecOptiBen {
	list-style-type: circle;
	margin-left: 30px;
 	padding: 2px;	
 	list-style-position: outside;
 	vertical-align: middle;
}

td.ecOptiBenCell {
	vertical-align: middle;
	border-bottom: 1px solid #7F9DB9;
}

td.ecOptiBenCellvAlignTop {
	vertical-align: top;
}

caption.ecOptiBenTabCaption {
	text-align: left;
	vertical-align: top;
}

table.ecOptiBen {
	width: 100%;
	border-spacing: 5px;
	padding: 0px;
	border-top: 1px solid #7F9DB9;
	border-left: 1px solid #7F9DB9;
	border-right: 1px solid #7F9DB9;
	border-bottom: 1px solid #7F9DB9;
}
/*	Azure work item #8324 for CR HKI2029 END	*/


.mainLeft, .mainRight {width: 40px !important;}
.mainLeftLogin, .mainRightLogin {width: 100px !important;}

.headerText1 {color:#000000;font-weight:bold;font-size:14px;}
.headerText2 {color:#0079c8;font-weight:bold;font-size:18px;}
.headerLang a {color:#000000;font-weight:bold;font-size:14px;text-decoration:none !important;}
a.headerLang, a.headerLang:visited, a.headerLang:active, a.headerLang:hover {color:#000000;font-weight:bold;font-size:14px;text-decoration:none !important;}
.headerCurrentLang a {color:#0079c8;font-weight:bold;font-size:14px;text-decoration:none !important;}
a.headerCurrentLang, a.headerCurrentLang:visited, a.headerCurrentLang:active, a.headerCurrentLang:hover {color:#0079c8;font-weight:bold;font-size:14px;text-decoration:none !important;}

.headerBannerText {color:#ffffff;font-weight:bold;font-size:14px;}

.mainMenu {padding-left: 0px; padding-top: 10px; padding-bottom: 10px; width:30px;}
.mainMenu a {color:#000000;font-weight:bold;font-size:15px;text-decoration:none !important; padding-right: 0px;}
a.mainMenu, a.mainMenu:visited, a.mainMenu:active, a.mainMenu:hover {color:#000000;font-weight:bold;font-size:15px;text-decoration:none !important; padding-right: 0px;}
/*
.mainMenu table tr td {border: 0px solid;}
.mainMenu tr td {border: 0px solid; width: 50px !important; text-align: center;}
.mainMenu .mainMenuSeparator {width: 3px;}
*/
.mainCurrentMenu a {color:#0079c8;}
a.mainCurrentMenu, a.mainCurrentMenu:visited, a.mainCurrentMenu:active, a.mainCurrentMenu:hover {color:#0079c8; padding:0px;}

td.ecMainBody {vertical-align:top; width:100%}
td.ecCmdAction {height: 35px;}	/* REF ecTextbox */
.flexJustifyContent {display: flex; justify-content: space-between; align-items: center;}

hr.lineSeparator2 {border-top: 1px solid #f1efeb;}
hr.lineSeparator {border-top: 1px solid #0d1846;}

table.ecBupaBlue td {color: #0079c8;}
td.ecBupaCodeHeader {vertical-align:middle; text-align: center; height:26px;}	/* REF ecTextbox */
td.ecBupaCodeHeader2 {vertical-align:middle; height:24px;}
td.ecBupaCodeHeader3 {vertical-align:middle; text-align: center; height:25px;}	/* REF ecTextbox, same as height as ecTextbox, search code mapping */
td.ecCodeDescText {vertical-align:middle;}

tr.ecTableHeaderRow td {background-color: #0079c8; color:#ffffff; }
tr.ecTableDataRow td {background-color: #DFEFFF;}

.hiddenCls {display: none;}