<%@ taglib prefix="c" uri="http://www.zkoss.org/dsp/web/core" %>
<%@ taglib prefix="t" uri="http://www.zkoss.org/dsp/web/theme" %>
.test{}

/* warp long text in label*/
.warp { width: 100%; }

/* Default font style */
.normnbtxt010,.bignbtxt010,
.normnbtxt110,.bignbtxt110,.normnbtxt112,.bignbtxt112,.normnbtxt114,.bignbtxt114,
.normnbtxt210,.bignbtxt210,.normnbtxt310,.bignbtxt310,
.normnbtxt410,.bignbtxt410,.normnbtxt510,.bignbtxt510,
.normnbtxt610,.bignbtxt610,.normnbtxt710,.bignbtxt710,
.normnbtxt020,.bignbtxt020,.normnbtxt120,.bignbtxt120,
.normnbtxt220,.bignbtxt220,.normnbtxt320,.bignbtxt320,
.normnbtxt420,.bignbtxt420,.normnbtxt520,.bignbtxt520,
.normnbtxt620,.bignbtxt620,.normnbtxt720,.bignbtxt720,
.normnbtxt121,.bignbtxt121,.normnbtxt030,.bignbtxt030,
.normnbtxt130,.bignbtxt130,.normnbtxt230,.bignbtxt230,
.normnbtxt330,.bignbtxt330,.normnbtxt430,.bignbtxt430,
.normnbtxt530,.bignbtxt530,.normnbtxt630,.bignbtxt630,
.normnbtxt730,.bignbtxt730 {
	color:#4D4D4D;
	word-wrap:break-word;
	display:inline-block;
}
.normnbtxt010 {	font-size:12px;}
.normnbtxt020 { font-size:12px;font-weight:700;}
.normnbtxt030 {font-size:12px;font-style: italic;}
.bignbtxt010,.normnbtxt110 { font-size:14px;}
.normnbtxt112 {	font-size:14px;text-decoration:underline;}
.bignbtxt112 { font-size:16px;text-decoration:underline;}
.normnbtxt114 {	font-size:14px;text-align:justify;}
.bignbtxt114 { font-size:16px;text-align:justify;}
.bignbtxt020,.normnbtxt120 { font-size:14px;font-weight:700;}
.normnbtxt121 {	font-size:14px;font-weight:700;float:center;}
.bignbtxt030,.normnbtxt130 { font-size:14px;font-style: italic;}
.bignbtxt110,.normnbtxt210 { font-size:16px;}
.bignbtxt120,.normnbtxt220 { font-size:16px;font-weight:700;}
.bignbtxt121 { font-size:16px;font-weight:700;float:center;}
.bignbtxt130,.normnbtxt230 { font-size:16px;font-style: italic;}
.bignbtxt210,.normnbtxt310 { font-size:18px;}
.bignbtxt220,.normnbtxt320 { font-size:18px;font-weight:700;}
.bignbtxt230,.normnbtxt330 { font-size:18px; font-style: italic;}
.bignbtxt310,.normnbtxt410 { font-size:20px;}
.bignbtxt320,.normnbtxt420 { font-size:20px;font-weight:700;}
.bignbtxt330,.normnbtxt430 { font-size:20px;font-style: italic;}
.bignbtxt410,.normnbtxt510 { font-size:22px;}
.bignbtxt420,.normnbtxt520 { font-size:22px; font-weight:700;}
.bignbtxt430,.normnbtxt530 { font-size:22x;font-style: italic;}
.bignbtxt510,.normnbtxt610 { font-size:24px;}
.bignbtxt520,.normnbtxt620 { font-size:24px;font-weight:700;}
.bignbtxt530,.normnbtxt630 { font-size:24x;	font-style: italic;}
.bignbtxt610,.normnbtxt710 { font-size:26px;}
.bignbtxt620,.normnbtxt720 { font-size:26px;font-weight:700;}
.bignbtxt630,.normnbtxt730 {font-size:26x;font-style: italic;}
.bignbtxt710 { font-size:28px;}
.bignbtxt720 { font-size:28px;	font-weight:700;}
.bignbtxt730 { font-size:28x;font-style: italic;}

/* auto break font style */
.normgctxt010,.biggctxt010,.normgctxt110,.biggctxt110,
.normgctxt112,.biggctxt112,
.normgctxt210,.biggctxt210,.normgctxt310,.biggctxt310,
.normgctxt410,.biggctxt410,.normgctxt510,.biggctxt510,
.normgctxt610,.biggctxt610,.normgctxt710,.biggctxt710,
.normgctxt020,.biggctxt020,.normgctxt120,.biggctxt120,
.normgctxt220,.biggctxt220,.normgctxt320,.biggctxt320,
.normgctxt420,.biggctxt420,.normgctxt520,.biggctxt520,
.normgctxt620,.biggctxt620,.normgctxt720,.biggctxt720,
.normgctxt121,.biggctxt121,
.normgctxt122,.biggctxt122,
.normgctxt030,.biggctxt030,
.normgctxt130,.biggctxt130,.normgctxt230,.biggctxt230,
.normgctxt330,.biggctxt330,.normgctxt430,.biggctxt430,
.normgctxt530,.biggctxt530,.normgctxt630,.biggctxt630,
.normgctxt730,.biggctxt730 {
	color:#4D4D4D;
	word-wrap:break-word;
	word-break: break-all;
	display:inline-block;
}
.normgctxt010 {	font-size:12px;}
.normgctxt020 { font-size:12px;	font-weight:700;}
.normgctxt030 {	font-size:12px;	font-style: italic;}
.biggctxt010,.normgctxt110 { font-size:14px;}
.normgctxt112 {	font-size:14px;text-decoration:underline;}
.biggctxt112 { font-size:16px;text-decoration:underline;}
.biggctxt020,.normgctxt120  { font-size:14px;font-weight:700;}
.normgctxt121 { font-size:14px;font-weight:700;float:center;}
.normgctxt122 {	font-size:14px;font-weight:700;text-decoration:underline;}
.biggctxt030,.normgctxt130 { font-size:14px;font-style: italic;}
.biggctxt110,.normgctxt210 { font-size:16px;}
.biggctxt120,.normgctxt220 { font-size:16px;font-weight:700;}
.biggctxt121 { font-size:16px;font-weight:700;float:center;}
.biggctxt122 { font-size:16px;font-weight:700;text-decoration:underline;}
.biggctxt130,.normgctxt230 { font-size:16px;font-style: italic;}
.biggctxt210,.normgctxt310 { font-size:18px;}
.biggctxt220,.normgctxt320 { font-size:18px;font-weight:700;}
.biggctxt230,.normgctxt330 { font-size:18px;font-style: italic;}
.biggctxt310,.normgctxt410 { font-size:20px;}
.biggctxt320,.normgctxt420 { font-size:20px;font-weight:700;}
.biggctxt330,.normgctxt430 { font-size:20px;font-style: italic;}
.biggctxt410,.normgctxt510 { font-size:22px;}
.biggctxt420,.normgctxt520 { font-size:22px;font-weight:700;}
.biggctxt430,.normgctxt530 { font-size:22x;font-style: italic;}
.biggctxt510,.normgctxt610 { font-size:24px;}
.biggctxt520,.normgctxt620 { font-size:24px;font-weight:700;}
.biggctxt530,.normgctxt630 { font-size:24x;font-style: italic;}
.biggctxt610,.normgctxt710 { font-size:26px;}
.biggctxt620,.normgctxt720 { font-size:26px;font-weight:700;}
.biggctxt630,.normgctxt730 { font-size:26x;font-style: italic;}
.biggctxt710 { font-size:28px;}
.biggctxt720 { font-size:28px;font-weight:700;}
.biggctxt730 { font-size:28x;font-style: italic;}

/* No specific text color */
.normnctxt010,.bignctxt010,.normnctxt110,.bignctxt110,
.normnctxt210,.bignctxt210,.normnctxt310,.bignctxt310,
.normnctxt410,.bignctxt410,.normnctxt510,.bignctxt510,
.normnctxt610,.bignctxt610,.normnctxt710,.bignctxt710,
.normnctxt020,.bignctxt020,.normnctxt120,.bignctxt120,
.normnctxt220,.bignctxt220,.normnctxt320,.bignctxt320,
.normnctxt420,.bignctxt420,.normnctxt520,.bignctxt520,
.normnctxt620,.bignctxt620,.normnctxt720,.bignctxt720,
.normnctxt030,.bignctxt030,.normnctxt130,.bignctxt130,
.normnctxt230,.bignctxt230,.normnctxt330,.bignctxt330,
.normnctxt430,.bignctxt430,.normnctxt530,.bignctxt530,
.normnctxt630,.bignctxt630,.normnctxt730,.bignctxt730 {
	word-wrap:break-word;
	display:inline-block;
}
.normnctxt010 {	font-size:12px;}
.normnctxt020 {	font-size:12px;font-weight:700;}
.normnctxt030 { font-size:12px;font-style: italic;}
.bignctxt010,.normnctxt110 { font-size:14px;}
.bignctxt020,.normnctxt120 { font-size:14px;font-weight:700;}
.bignctxt030,.normnctxt130 { font-size:14px;font-style: italic;}
.bignctxt110,.normnctxt210 { font-size:16px;}
.bignctxt120,.normnctxt220 { font-size:16px;font-weight:700;}
.bignctxt130,.normnctxt230 { font-size:16px;font-style: italic;}
.bignctxt210,.normnctxt310 { font-size:18px;}
.bignctxt220,.normnctxt320 { font-size:18px;font-weight:700;}
.bignctxt230,.normnctxt330 { font-size:18px;font-style: italic;}
.bignctxt310,.normnctxt410 { font-size:20px;}
.bignctxt320,.normnctxt420 { font-size:20px;font-weight:700;}
.bignctxt330,.normnctxt430 { font-size:20px;font-style: italic;}
.bignctxt410,.normnctxt510 { font-size:22px;}
.bignctxt420,.normnctxt520 { font-size:22px;font-weight:700;}
.bignctxt430,.normnctxt530 { font-size:22x;	font-style: italic;}
.bignctxt510,.normnctxt610 { font-size:24px;}
.bignctxt520,.normnctxt620 { font-size:24px;font-weight:700;}
.bignctxt530,.normnctxt630 { font-size:24x;font-style: italic;}
.bignctxt610,.normnctxt710 { font-size:26px;}
.bignctxt620,.normnctxt720 { font-size:26px;font-weight:700;}
.bignctxt630,.normnctxt730 { font-size:26x;font-style: italic;}
.bignctxt710 { font-size:28px;}
.bignctxt720 { font-size:28px;font-weight:700;}
.bignctxt730 { font-size:28x;font-style: italic;}

/* No specific text color & no wrap words */
.normwwtxt010,.bigwwtxt010,.normwwtxt110,.bigwwtxt110,
.normwwtxt210,.bigwwtxt210,.normwwtxt310,.bigwwtxt310,
.normwwtxt410,.bigwwtxt410,.normwwtxt510,.bigwwtxt510,
.normwwtxt610,.bigwwtxt610,.normwwtxt710,.bigwwtxt710,
.normwwtxt020,.bigwwtxt020,.normwwtxt120,.bigwwtxt120,
.normwwtxt220,.bigwwtxt220,.normwwtxt320,.bigwwtxt320,
.normwwtxt420,.bigwwtxt420,.normwwtxt520,.bigwwtxt520,
.normwwtxt620,.bigwwtxt620,.normwwtxt720,.bigwwtxt720,
.normwwtxt030,.bigwwtxt030,.normwwtxt130,.bigwwtxt130,
.normwwtxt230,.bigwwtxt230,.normwwtxt330,.bigwwtxt330,
.normwwtxt430,.bigwwtxt430,.normwwtxt530,.bigwwtxt530,
.normwwtxt630,.bigwwtxt630,.normwwtxt730,.bigwwtxt730 {
	white-space:pre-wrap;
}
.normwwtxt010 {	font-size:12px;}
.normwwtxt020 {	font-size:12px;font-weight:700;}
.normwwtxt030 {	font-size:12px;	font-style: italic;}
.bigwwtxt010,.normwwtxt110 { font-size:14px;}
.bigwwtxt020,.normwwtxt120 { font-size:14px;font-weight:700;}
.bigwwtxt030,.normwwtxt130 { font-size:14px;font-style: italic;}
.bigwwtxt110,.normwwtxt210 { font-size:16px;}
.bigwwtxt120,.normwwtxt220 { font-size:16px;font-weight:700;}
.bigwwtxt130,.normwwtxt230 { font-size:16px;font-style: italic;}
.bigwwtxt210,.normwwtxt310 { font-size:18px;}
.bigwwtxt220,.normwwtxt320 { font-size:18px;font-weight:700;}
.bigwwtxt230,.normwwtxt330 { font-size:18px;font-style: italic;}
.bigwwtxt310,.normwwtxt410 { font-size:20px;}
.bigwwtxt320,.normwwtxt420 { font-size:20px;font-weight:700;}
.bigwwtxt330,.normwwtxt430 { font-size:20px;font-style: italic;}
.bigwwtxt410,.normwwtxt510 { font-size:22px;}
.bigwwtxt420,.normwwtxt520 { font-size:22px;font-weight:700;}
.bigwwtxt430,.normwwtxt530 { font-size:22x;font-style: italic;}
.bigwwtxt510,.normwwtxt610 { font-size:24px;}
.bigwwtxt520,.normwwtxt620 { font-size:24px;font-weight:700;}
.bigwwtxt530,.normwwtxt630 { font-size:24x;font-style: italic;}
.bigwwtxt610,.normwwtxt710 { font-size:26px;}
.bigwwtxt620,.normwwtxt720 { font-size:26px;font-weight:700;}
.bigwwtxt630,.normwwtxt730 { font-size:26x;font-style: italic;}
.bigwwtxt710 { font-size:28px;}
.bigwwtxt720 { font-size:28px;font-weight:700;}
.bigwwtxt730 { font-size:28x;font-style: italic;}

/* Error & Remark text */
.remarktxt { color:#636363; }
.errtxt{ color:#d82d10;}

/* Font style for Notification */
.redpnote { color:#444;}
.pnoteheader { color:#c3390e;}
.pnoteheader::before{
   font-family: FontAwesome;
   content:"\f0eb\0020";
}
.statusnote::before{
   font-family: FontAwesome;
   content: "\f071\0020";
   color: #4d85b7;
   font-weight: lighter;
}

/* ZK Element text */
.normz-comboitem-text {	font-size:14px;}
.bigz-comboitem-text { font-size:16px;}
.normdatavalue,
.normz-combobox-input input,
.normz-combobox-content span{
	color:#4D4D4D;
	font-size:14px;
	word-wrap:break-word;
	word-break: break-all;
	display:inline-block;
}
.bigdatavalue,
.bigz-combobox-input input,
.bigz-combobox-content span {
	color:#4D4D4D;
	font-size:16px;
	word-wrap:break-word;
	word-break: break-all;
	display:inline-block;
}
.z-toolbarbutton-content {
	color: black;
	text-decoration: none;
	font-size: 14px;
	height: 14px;
}
.z-toolbarbutton-content {
	color: black;
	text-decoration: underline;
	font-size: 14px;
	height: 14px;
}
.z-toolbarbutton-content span{
	color: black;
	text-decoration: none;
	font-size: 16px;
	height: 18px;
}
.z-toolbarbutton-content span{
	color: black;
	text-decoration: underline;
	font-size: 16px;
	height: 18px;
}

/*========== Page header ==========*/
.suppmyaccheader,
.suppcompoheader,
.suppquothmheader,
.suppawardcontractheader,
.suppclrfhmheader,
.suppprchohmheader,
.suppinvchmheader{
	color:#558a3f;
}
@keyframes blinker {
  50% { color:#FFC107; }
}
.suppawardcontractheader::before{
	/* animation: blinker 1s linear infinite; */
	font-family:FontAwesome;
	content:"\f005\0020";
	font-weight: lighter;
	color: #72c162;
	font-size:16px;
}
.suppmyaccheader::before{
	font-family:FontAwesome;
	content:"\f2be\0020";
	font-weight: lighter;
	color: #72c162;
	font-size:16px;
}
.suppcompoheader::before {
	font-family:FontAwesome;
	content:"\f0f2\0020";
	font-weight: lighter;
	color: #72c162;
	font-size:16px;
}
.suppquothmheader::before{
	font-family:FontAwesome;
	content:"\f0e0\0020";
	font-weight: lighter;
	color: #72c162;
	font-size:16px;
}
.suppclrfhmheader::before {
	font-family:FontAwesome;
	content:"\f27a\0020";
	font-weight: lighter;
	color: #72c162;
}
.suppprchohmheader::before {
	font-family:FontAwesome;
	content:"\f07a\0020";
	font-weight: lighter;
	color: #72c162;
}
.suppinvchmheader::before{
	font-family: FontAwesome;
    content: "\f0c6\0020";
    font-weight: lighter;
    color: #72c162;
    font-size: 18px;
}

/* popup box header */
.faqheader,
.helpinfoheader,
.annouceheader,
.badweatherheader {
	color:#257d28;
}
.annouceheader::before {
	font-family:FontAwesome;
	content:"\f0a1\0020";
	font-weight: lighter;
	color:#72c162;
}
.helpinfoheader::before {
	font-family:FontAwesome;
	content:"\f05a\0020";
	font-weight: lighter;
	color:#72c162;
}
.faqheader::before {
	font-family:FontAwesome;
	content:"\f059\0020";
	font-weight: lighter;
	color:#72c162;
}
.badweatherheader::before {
	font-family:FontAwesome;
	content:"\f06a\0020";
	font-weight: lighter;
	color:#72c162;
}

/* Other Font style */
.searchrsltheader { color: #598466;}
.searchrsltheader:after { font-family:FontAwesome;content:"\0020\f0d7";}
.progress_txt,.is-complete { color:#925528;}
.sphighlightitalic { color:#3D3D3D;}
.footer { color:black;}
.formheader { color:#65771e;}
.normtabtitle {
	font-size: 14px;
	white-space: pre-wrap;
	background-color:#eae4cf;
}
.bigtabtitle {
	font-size: 16px;
	white-space: pre-wrap;
	background-color:#eae4cf;
}
.showPwd, .showPwd:focus, .showPwd:hover, .showPwd:active {
	background: url("../images/icon_pwd_reveal.png") no-repeat 3px 4px;
	background-color: none !important;
	box-shadow: none;
	border: none;
	position: relative;
    left: -2.5em;
}

.tod .normnbtxt110 .z-radio-content {
	font-size:14px;
	color:#4D4D4D;
	word-wrap:break-word;
	display:inline-block;
}

.tod .z-radio input[type="radio"]{
 margin: 0;
}

.tod .z-radio-content {
    margin: 0 10px;
}

.tod .z-vlayout-inner{
	padding-bottom: 8px !important;;
}


.btn_ims{
    background-color: #2B7366;
    border: 1px solid #2B7366;
    color: #FFFFFF;
    padding: 4.375px 8.75px 4.375px 8.75px;
    cursor: pointer;
    outline: none;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-shadow: none;
}

.btn_ims:hover{
	 background-color: #FFFFFF;
	 border: 1px solid #2B7366;
	 color: #2B7366;
	 text-shadow: none;
}

.btn_ims:active{}

.btn_ims::before{ 
   content: url("../images/ims-dark.png");
   padding-right: 8.75px;
}

.btn_ims:hover::before{
   content: url("../images/ims-light.png");
   padding-right: 8.75px;
}

.btn_nims{
    background-color: #2B7366;
    border: 1px solid #2B7366;
    color: #FFFFFF;
    padding: 4.375px 8.75px 4.375px 8.75px;
    cursor: pointer;
    outline: none;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-shadow: none;
}

.btn_nims:hover, .btn_nims:active {
	 background-color: #FFFFFF;
	 border: 1px solid #2B7366;
	 color: #2B7366;
	 text-shadow: none;
}

.horizontal-line{
	position: relative;
	z-index: 1;
	text-align: center;
	width: 50%;
}

.horizontal-line:before {
	border-top: 1px solid #a9612c;
	content: "";
	margin: 0 auto;
	position: absolute;
	top: 45%;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
}

.horizontal-or {
	color: #a9612c;
	background: transparent;
	padding-left: 20px;
	padding-right: 20px;
	font-size:16px;
	font-weight:700;
}