[class*="z-"]:not [class*="z-icon-"] {
	font-family: Helvetica, Arial, sans-serif !important;
}

/*body *:not([class*="z-icon-"]){
	font-family: Helvetica, Arial, sans-serif !important;
	
}*/

body {
	padding: 0;
}

.z-paging .z-paging-icon, .z-paging-button{
	color: #ed1b24;
}


/* cannot use width 10px, cause it make indent width wrong */
/*
.compactTree span.z-tree-spacer {
	width: 10px;
}
*/



.z-grid-body .z-cell{
	line-height:inherit;
	
}

.z-grid-body .z-cell .z-label{
	color:#636363;
}

.labelButton.z-label:hover{
	cursor:pointer;
}

.cardmemberlist .z-paging {
	border-bottom: 0;
	height: 31px;
}

.looseTree span.z-tree-spacer, .looseTree span.z-tree-icon {
	width: 20px;
}

.corporatePostedTransactionList .z-tree-spacer {
	display: none;
}

.systemMenu.z-menubar{
	padding:1px 0 0 0;
}

.systemMenu.z-menubar-horizontal>ul>li {
	float: right;
}

.systemMenu.z-menubar {
	border: 0;
	background-color: none;
	background: none;
}

.systemMenuPopup .z-menupopup-separator, .systemMenuPopup .z-menuitem-image{
	display:none;
}

.businessIdentity .z-menuitem-content{
	padding:6px 6px;
}

.businessIdentity .z-menuitem-text {
	color: #FFF;
	font-weight: bold;	
	text-shadow:none;
}

.businessIdentity.merchantBI .z-menuitem-content{
	background: #4c4c4c;
}

.businessIdentity.corporateBI .z-menuitem-content{
	background: #eb1c23;
}

.businessIdentity.cardholderBI .z-menuitem-content{
	background: #8b1a0e;
}

/* function Menu style in main screen*/
.functionMenu .z-menu{
	margin:0;
}

.functionMenu .z-menuitem-content, .functionMenu .z-menu-content {
	/* min-height: 0px; */
	padding: 6px 20px 6px 20px;
	color:#FFF;
	border-radius:0px;
	border:0;
	background-color: #eb1c22;
}

.functionMenu .z-menu-icon, .functionMenu .z-menu-icon:hover, .functionMenu .z-menu-icon:active{
	display:none;
}

.functionMenu.z-menubar {
	background: #eb1c22;
	border:0;
	padding:0;
}

.functionMenu .z-menu-text, .functionMenu .z-menuitem-text{
	font-size:16px;
	font-weight:normal;
	text-shadow:none;
	line-height:28px;
}

.functionMenu .z-menu-selected{
	margin:0;
}

.functionMenu .z-menu-selected>.z-menu-content {
	color: #FFF;
	background: #8b1a0e;
	box-shadow:none;
}

.functionMenu .z-menuitem-content:hover, .functionMenu .z-menuitem:hover, .functionMenu .z-menu-content:hover{
	border: 0;
	background: #e8e8e8;
	color: #4c4c4c;
}

.functionMenu .z-menu-hover .z-menu-icon.z-icon-caret-down,
	.functionMenu .z-menu-selected .z-menu-icon.z-icon-caret-down {
	background: #e8e8e8;
	color: #4c4c4c;
}

/* menu align center */

/* pop up */
.functionMenuPopup.z-menupopup {
	padding: 0;
}

.functionMenuPopup .z-menuitem-content {
	padding-right: 60px;
	border-bottom: 0;
}

.functionMenuPopup .z-menu-content, .functionMenuPopup .z-menuitem-content{
	border-radius:0px;
	border:0;
}

.functionMenuPopup .z-menu-text, .functionMenuPopup .z-menuitem-text{
	text-shadow:none;
	line-height:25px;
	color:#000000;
	font-size:14px;
}

.functionMenuPopup .z-menu-text:hover, .functionMenuPopup .z-menuitem-text:hover{
	color:#666666;
}

.functionMenuPopup .z-menupopup-content .z-menuitem-content {
	color: #eb1c22;	
}

.functionMenuPopup.z-menupopup .z-menu-content, .functionMenu.z-menupopup .z-menuitem-content
	{
	color: #FFF;
	background: #666666;
}

.functionMenuPopup.z-menupopup .z-menu-content:hover, .functionMenuPopup.z-menupopup .z-menu-content:hover .z-menu-icon,
	.functionMenuPopup.z-menupopup .z-menuitem-content:hover {
	color: #4c4c4c;
	background:  #e8e8e8;
}

.functionMenuPopup.z-menupopup .z-menu-hover .z-menu-icon {
	background: #e8e8e8;
}

/* background */
.functionMenuPopup .z-menupopup-content {
	background: #666666;
	color: #FFF;
}

.functionMenuPopup .z-menuitem {
	background: none;
}

.functionMenuPopup .z-menupopup-separator {
	border-color: #666666;
	background: #666666;
}

/* Box */

.z-div.c-box-default{
	width:380px;
}

.z-div.c-box-l{
	width:460px
}

.z-div.c-box-border{
	border:1px solid #CFCFCF; 
}

.c-box-default > .z-vlayout{
	border:1px solid #CFCFCF; 
	background-color:#F5F5F5; 
	padding:30px 40px;
}

.c-box-default > .z-vbox{
	background-color:#ed1b24;
	height:40px;
	width: 100%;
}

.c-box-default .c-box-txt-heading{
	font-size: 16px;
	color: #FFF;
	margin-left:20px;
}

.c-box-default > .z-vlayout > .z-vlayout-inner > .z-label, .c-box-default > .z-vlayout > .z-vlayout-inner > .z-textbox, .c-box-default > .z-vlayout > .z-vlayout-inner > .z-a{
	font-size:14px;
}

.c-box-default > .z-vlayout > .z-vlayout-inner > .z-textbox{
	width: 100%;
	height: 30px;
}

/* validation message box */
.c-box-vmsg{
	background:#F2DEDE;
	background-color:#F2DEDE;
	border: 1px solid #EDD0D3;
	border-radius:5px;
	padding:10px 5px;
	margin:10px 0;
}
.c-box-vmsg-icon{
	
}
.c-box-vmsg-txt{
	color:#B73109;
}

.c-box-vmsg-icon{
	background-image: url("icon/validation_64x64.png");
	background-size:16px 16px;
	height: 16px;
	width: 16px;
	margin-top: 2px;
}

/* header box */

.c-box-header{
	background: #666666;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;	
	margin-top:10px
}

.z-label.c-box-header-txt{
	color:#FFF;
	font-size:14px;
	line-height:30px;
	margin-left:10px
}

/* Window */
.z-window.c-win-page{
	min-height: 768px;
	min-width: 1024px;
}

.z-window.c-win-default > .z-window-content{
	padding:0;
}

.z-window.c-win-page > .z-window-content{
	padding:0px;
}

.z-window.c-win-embed > .z-window-content{
	padding:0px;
}

.z-window.c-win-popup{
	background:#790009;
}

.z-window.c-win-popup>.z-window-header{
	color:#FFF;
}


.z-a.c-a-default{
	text-decoration:none !important;
	font-size:14px;
}

a.z-menuitem-content:hover{
	text-decoration:none;
}

.c-background-red{
	background: #ed1b24;
}

/* Text */
.z-label.c-txt-bold{
	font-weight:bold;
}

.z-label.c-txt-ralign{
	text-align:right;
}

.z-label.c-txt-applicationName{
	font-size:24px;
	line-height:30px;
	color:#FFF;"
}

.z-label.c-txt-heading{
	font-size: 28px;
	color: #000;
	margin-bottom: 20px;
}

.z-label.c-txt-scr-h1{
	font-size:16px;
	font-weight:bold;
}

.z-label.c-txt-report-header{
	font-size:18pt;
	color:#333;
	text-transform: uppercase;
}

/* Tree */
.c-treecell-ralign{
	text-align:right;
}

.c-treecell-calign{
	text-align:center;
}

.c-treecell-pre.z-treecell > div.z-treecell-content{
	white-space:pre;
}

.z-tree.c-tree-default .z-treecol>.z-treecol-content>.z-label{
	font-weight:bold;
}

/* Screen */
.z-hlayout.s-header-scr{
	height:20px
}

/* Help */
.z-groupbox.c-tips-default{
	padding-top:10px;
	margin-bottom:10px;
}

.z-groupbox.c-tips-default z-caption-content{
	font-weight:bold;
}

/* Form/Grid */
.c-form-one.z-grid > .z-grid-body{
	overflow:hidden !important;
}

.c-form-one.z-row > .z-row-inner:first-child > .z-row-content > .z-label{
	font-weight:bold;
}

.c-form-two.z-grid > .z-grid-body{
	overflow:hidden !important;
}

.c-form-two.z-row > .z-row-inner:first-child > .z-row-content > .z-label{
	font-weight:bold;
}

.c-form-two.z-row > .z-row-inner:nth-child(3) > .z-row-content > .z-label{
	font-weight:bold;
}

/* Search Panel */
.c-search-default .z-row > .z-row-inner > .z-row-content > .z-label{
	font-weight:bold;
}

/* Button */
.z-button.c-btn-action-xs:focus, .z-button.c-btn-action-s:focus, .z-button.c-btn-action-m:focus{
	box-shadow:none;
}

.z-button.c-btn-action-s{
	background: #666666;
	background-color: #666666;
	border: 1px solid #666666;
	border-radius:0;
	display: inline-block;
	color: #ffffff;
	font-size: 13px;
	height: 30px;
	line-height: 30px;
	padding:0 15px;
	text-decoration: none;
	text-align: center;
	text-shadow: none;
}

.z-button.c-btn-action-xs{
	background: #666666;
	background-color: #666666;
	border: 1px solid #666666;
	border-radius:0;
	display: inline-block;
	color: #ffffff;
	font-size: 12px;
	height: 28px;
	line-height: 24px;
	padding:0 12px;
	text-decoration: none;
	text-align: center;
	text-shadow: none;
}
.c-btn-action-s.z-button:hover, .c-btn-action-xs.z-button:hover{
	background: #333333;
	background-color: #333333;
	border: 1px solid #333333;
}

.z-button.c-btn-action-disable:hover{
	background: #666666;
	background-color: #666666;
	border: 1px solid #666666;
	opacity: 0.7;
	cursor: auto;
}

.z-button.c-btn-action-disable{
	opacity: 0.7;
}

.z-button.c-btn-action-m{
	background: #666666;
	background-color: #666666;
	border: 1px solid #666666;
	border-radius:0;
	display: inline-block;
	color: #ffffff;
	font-size: 14px;
	height: 40px;
	line-height: 30px;
	padding:0 25px;
	text-decoration: none;
	text-align: center;
	text-shadow: none;
}

.z-button.c-btn-red{
	background: #eb1c23;
	background-color: #eb1c23;
	border: 1px solid #eb1c23;
}


.z-button.c-btn-red:hover {
	background-color: #790008;
	border: 1px solid #790008;
}

.z-button.c-btn-darkRed{
	background: #790008;
	background-color: #790008;
	border: 1px solid #790008;
}



.z-button.c-btn-darkRed:hover {
	background-color: #eb1c23;
	border: 1px solid #eb1c23;
}

.z-button.c-btn-grey {
	background: #666666;
	background-color: #666666;
	border: 1px solid #666666;
}

.z-button.c-btn-grey:hover {
	background-color: #333333;
	border: 1px solid #333333;
}

/* IE 9 FIX */
input.placeholderjs{
	color:#AAA;
}


/* FIXME */

.c-grid-noHover tr.z-row td.z-row-inner, tr.z-row, .c-grid-noHover div.z-grid-body div.z-cell, .c-grid-noHover.z-grid {
	border: none;
	overflow: hidden; 
	zoom: 1;
	background: white;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: none;
}

.c-grid-noBorder .z-paging{
	border:0;
}

.c-grid-noHover .z-grid-odd .c-grid-noHover .z-row-inner, .c-grid-noHover .z-grid-odd .z-cell {
	background-color: #F7F7F7;
	border-bottom: 1px solid transparent;
	border-left: 1px solid transparent;
	border-top: 1px solid transparent;
}

.c-grid-noHover .z-grid-odd .c-grid-noHover.z-row-inner, .c-grid-noHover.z-grid-odd	.z-cell, .c-grid-noHover.z-grid-odd {
	background: none repeat scroll 0 0 transparent;
}

.c-grid-noHover tr.z-grid-odd td.z-row-inner, .c-grid-noHover tr.z-grid-odd	.z-cell, .c-grid-noHover tr.z-grid-odd {
	background: white
}

.c-grid-noHover tr.z-row td.z-row-inner, .c-grid-noHover tr.z-row .z-cell {
	background: white;
	border-top: none;
}

/* listbox */
.z-listbox.c-list-default .z-listheader>.z-listheader-content>.z-label{
	font-weight:bold;
	white-space: normal !important;
}

.c-listbox-pre > div.z-listcell-content{
	height:auto !important; 
}

.c-listbox-pre.z-listcell > div.z-listcell-content >span.z-label{
	white-space:pre;
}

/* general */

.hide{
	display:none;
}

/* control panel tree */

 .c-cp-treerow-nonMatch .z-label{
	color:#999;
}

.c-cp-treerow-selected .z-label{
	color:#eb1c23;
}


/* Cardholder control panel */
.c-listcell-nonMatch .z-label{
	color:#999;
}
.c-listcell-selected .z-label{
	color:#eb1c23;
}
 
 
 /* input control */
.z-combobox-button, 
.z-bandbox-button, 
.z-datebox-button, 
.z-timebox-button, 
.z-spinner-button, 
.z-doublespinner-button,
.z-combobox-readonly .z-combobox-button, 
.z-datebox-readonly .z-datebox-button{
	background:#CD2027;
	color:#FFF;
	/*border-color:#CD2027;*/	
}

.z-combobox-disabled > .z-combobox-button{
	background:#790008 !important;
	color:#FFF;
	border-color:#790008;
}

.z-combobox-disabled > .z-combobox-button > .z-combobox-icon{
	background:none !important;
	color:#FFF;
}


.z-combobox-button:hover, z-bandbox-button:hover, .z-datebox-button:hover, .z-timebox-button:hover, .z-spinner-button:hover, .z-doublespinner-button:hover {
	background:#E26A70;
	border-color:#E26A70;
	color:#FFF;
}

.z-decimalbox.c-dbox-ralign{
	text-align:right;
}

/* nav bar */
.c-nav{
	background:#EFEFEF;
	padding:0;
	height: 28px;
}

.c-nav .z-label{
	font-size:16px;
	margin: 0 10px;
	line-height:28px;
}

.c-nav > .z-hlayout-inner:last-child > .z-label{
	color:#AAA;
}

.z-label.c-nav-gt{
	color:#BBB;
}

.c-nav > .z-hlayout-inner:first-child > .c-nav-home-icon{
	background-image: url("icon/home_64x64.png");
	background-size:16px 16px;
	height: 16px;
	width: 16px;
	margin-bottom:3px;
	margin-left:10px;
}

/* override default messagebox layout */
.z-messagebox-window.z-window{
	background:#FCFCFC;
	color:#333;
	box-shadow:none;
	-webkit-box-shadow:none;
}

.z-messagebox-window .z-window-icon{
	background:none;
	border:none;
}

.z-messagebox-icon{
	display:none;
}

.z-messagebox-window > .z-window-content{
	padding:10px !important;
	background: none;
	border:none;
}

.z-messagebox-window > .z-window-header{
	color:#333;
	padding-left:10px;
}

.z-messagebox-window > .z-window-header > .z-window-close{
	font-size:12px;
}

.z-messagebox-window > .z-window-content > .z-separator-horizontal{
	margin-bottom:30px;
}

.z-messagebox-window > .z-window-content > .z-hbox{
	margin-right:0px !important;
}

.z-messagebox-window .z-messagebox-button.z-button{
	font-size: 12px;
	background: white;
	color: black;
	border: 1px solid;
	padding: 5px 12px;
}

/* .z-messagebox-window.z-window{
	background:#790009;
} 

.z-messagebox-window.z-window>.z-window-header{
	color:#FFF;
} */

/* mandatory */
.c-mandatory::after{
    content:"*";
    color:#eb1c22;
}


.chartPanel .z-panel-head {
	background: none;
	padding: 2px 5px;
	border-radius: 0;
}

.chartPanel .z-panel-header {
	background: none;
	padding: 0;
}

.chartPanel .panel-heading {
	padding: 5px 10px;
	font-size: 12px;
}

.chartPanel .panel-body {
	padding: 5px;
}

.chartPanel.z-panel {
	margin: 0 1%;
	float: left;
}

input[type="checkbox"]{
	margin: 0px 5px 0px 5px;
}


/*AS400*/

* {
 font-family: Arial,sans-serif;
}

.z-tab, .z-toolbarbutton{
	font-size: 14px !important;
}

.z-window-icon{
	font-size: 14px !important
}

.z-tab-button{
	font-size: 12px !important
}

.z-datebox-input, .z-comboitem, .z-combobox-input{
	font-size: 12px !important;
}

.z-textbox, .z-decimalbox, .z-intbox, .z-longbox, .z-doublebox{
	font-size: 12px !important;
}

.z-paging .z-paging-icon, .z-paging-input, .z-paging-text, .z-paging-info, .z-listcell-content, .z-listgroup-content{
	font-size: 12px !important;
}

.z-listheader-content{
		font-size: 12px !important;
}

.z-listgroupfoot-content, .z-listfooter-content{
		font-size: 12px !important;
}

.z-column-content, .z-row-content, .z-group-content, .z-groupfoot-content, .z-footer-content, .z-groupbox-content{
		font-size: 12px !important;
}

.z-listbox-body .z-listbox-emptybody td{
		font-size: 12px !important;
}

.z-listbox-header{
	font-size: 12px !important;
 	background : #ed1b24 !important;
}

.z-label, .z-radio-content, .z-checkbox-content, .z-loading, 
.z-treecol-content, .z-treecell-content, .z-treefooter-content{
	font-size: 12px;
}

.z-button, 
.z-button:focus, 
.z-button:hover{
	font-size: 12px !important;
	background-color: #ed1b24;
}

.z-window-close{
	color: white !important;
}

.z-tab-selected .z-tab-text{
	color : #ed1b24 !important;
}

.z-tab-selected{
	border-bottom: 2px solid #ed1b24;
}

.z-treecol, 
.z-listheader, 
.z-listheader-sort .z-listheader-content:active, 
.z-listhead-bar, 
.z-listbox-header, 
.z-column,
.z-treecols-bar{
	background : #ed1b24 !important;
	border-left: 1px solid #ed1b24;
	border-bottom: 1px solid #ed1b24;
}

.z-listitem.z-listitem-selected>.z-listcell, 
.z-treerow.z-treerow-selected>.z-treecell{
	background : #fad4d4 !important;
}

.z-tab-text:hover{
	color : #ed1b24 !important;
}

.z-tab-text{
	color : black !important;
}

.z-calendar-selected{
	background : #ed1b24 !important;
}

.z-calendar-cell:hover, 
.z-comboitem:hover,  
.z-toolbarbutton:hover,
.z-listitem.z-listitem-selected>.z-listcell,
.z-treerow.z-treerow-selected>.z-treecell {
	background : #fad4d4 !important;
}

.z-comboitem-selected{
	color : #ed1b24  !important;
}

.z-menubar-horizontal li{
	margin: 0;
}

.z-messagebox-window > .z-window-header{
	background : #ed1b24;
	color : white;
	padding : 12px;
}

.c-grid-noHover.z-grid {
	overflow-x: hidden;
	overflow-y: auto;
}

.z-window{
	padding: 10px;
}

.z-menu-text, .z-menuitem-text{
	font-size: 14px;
}


.z-window-content{
	overflow-y:auto;
}

.z-window-noborder{
	padding: 0;
}

.z-treecell-content{
	font-size:12px;
}

.z-column-content, .z-row-content, .z-group-content, .z-groupfoot-content, .z-footer-content,
.z-treecol-content, .z-treecell-content, .z-treefooter-content{
	padding: 4px 10px;
	line-height: 24px;
}

.z-timebox-button>a{
	color: white;
}

.z-loading{
	font-size: 10px;
}

.z-loading-icon{
	height: 30px;
	width: 30px;
	margin-left: -18px;
}

.z-loading-indicator{
	padding: 13px 13px;
}

.z-menu-selected>.z-menu-content, 
.z-menu-content:active, 
.z-menuitem-content:active{
	background : #e7e7e7;
	color : #4c4c4c;
}

.z-menupopup .z-menuitem-content:hover,
.z-menuitem-content:hover, 
.z-menu-content:hover{
	background: #e7e7e7;
	color: #4c4c4c;
}

.z-tab-disabled{
	background: transparent;
}

.z-caption, .z-listitem-checkable{
	font-size: 18px;
}

.z-listitem-checkable, 
.z-listheader-checkable, 
.z-treerow-checkable{
	color: #ed1b24;
}

input[type="checkbox"]:checked,
.z-treerow-selected>.z-treecell>.z-treecell-content>.z-treerow-checkable .z-treerow-icon.z-icon-radio{
	background: #ed1b24;
}

input[type="radio"]:checked:before
{
	background-color: #ed1b24;
}

input[type="radio"]:checked,
input[type="radio"]:hover{
		border-color: #ed1b24;
}

.z-calendar-weekend{
	background: #ffe9e9;
	border-radius: 0 !important;
}

.z-grid-body .z-cell{
	padding: 10px 10px;
}

input[type="radio"] {
	height: 16px;
	width: 16px;
}

input[type="radio"]:before {
	height: 8px;
	width: 8px;
}

.z-timebox-icon.z-timebox-up:hover
,.z-timebox-icon.z-timebox-down:hover
,.z-timebox-active.z-timebox-icon,.z-timebox-active.z-timebox-icon:hover{
	background : #ed1b24  !important;
}

.z-listitem-focus>.z-listcell{
	background : white;
}

.z-row:hover > .z-row-inner, 
.z-row:hover > .z-cell{
	background: inherit;
}

.z-listitem:hover>.z-listcell,
.z-treerow:hover > .z-treecell {
	background: #fad4d4;
}

.z-combobox-button:hover,
.z-datebox-button:hover{
	border-color: #A8A8A8;
}

input[type="radio"]:checked,
input[type="radio"]:hover, 
input[type="checkbox"]:hover,
.z-textbox:focus, 
.z-decimalbox:focus, 
.z-intbox:focus, 
.z-longbox:focus, 
.z-doublebox:focus,
.z-combobox-input:focus,
.z-datebox-input:focus,
.z-combobox-open .z-combobox-button, .z-bandbox-open .z-bandbox-button, .z-datebox-open .z-datebox-button,
.z-datebox-input:focus+.z-datebox-button{
		border-color: #A8A8A8;
}

.z-combobox-popup, .z-bandbox-popup, .z-datebox-popup, .z-timebox-popup{
	border: 1px solid #A8A8A8
}

.z-combobox-input:focus+.z-combobox-button{
	border-left: 1px solid #A8A8A8
}

input[type="checkbox"][disabled]{
	cursor: no-drop;
	color: rgba(0,0,0,0.34);
	background-color: #F2F2F2;
}

.z-treerow-selected>.z-treecell>.z-treecell-content>.z-treerow-checkable .z-treerow-icon.z-icon-radio, 
.z-listitem-selected>.z-listcell>.z-listcell-content>.z-listitem-checkable .z-listitem-icon.z-icon-radio{
	background: #ed1b24;
}

.z-listitem.z-listitem-selected>.z-listcell>.z-listcell-content>.z-listitem-checkable.z-listitem-radio{
	border-color: #ed1b24;
}