.z-borderlayout{
	background-color: #f7f1eb;
}

.z-west-header, .z-center-header, .z-east-header, .z-north-header, .z-south-header{
	border-bottom:none;
	font-weight:500;
}

.z-borderlayout-icon {
    background-image:url(/zkau/web/2eae2d22/responsive/img/zul/layout/borderlayout-btn.png);
}
.z-tabs-header {
	border-top: 2px solid #97291e;
}

.z-borderlayout::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
}
.z-borderlayout::-webkit-scrollbar
{
	width: 5px;
	height:5px;
	background-color: #F5F5F5;
}
.z-borderlayout::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #888;
}
.center-center .z-center-body::-webkit-scrollbar
{
	width: 12px;
	height: 12px;
	background-color: #F5F5F5;
}
 






.z-button-os {
	background-color:#97291e; 
	padding:5px 10px; 
	border:none; 
	color:#FFFFFF; 
	cursor:pointer; 
}
.z-button-os:hover {
	color: #FFFFFF; 
	background-color:#053c6d !important;
}
.z-button-os.z-button-os-disd{
	background-color: #97291e; 
	color: #FFFFFF; 
}
.z-bandbox-btn-over, 
.z-datebox-btn-over, 
.z-combobox-btn-over, 
.z-timebox-btn-over,
.z-spinner-btn-over ,
.z-doublespinner-btn-over{
	color: ; 
	background-color:#DDDDDD !important;
}

.z-button-cm {
    background-image: none !important;
    background-color: #97291e;
    color: #FFFFFF !important;
    padding: 5px 10px !important;
    border: none;
}
.z-button-over .z-button-cm {
    color: #FFFFFF !important;
    background-color: #053c6d;
}
.z-button .z-button-tl, .z-button .z-button-tr, .z-button .z-button-bl, .z-button .z-button-br {
     display: none; 
}
.z-button .z-button-tm, .z-button .z-button-bm {
    display: none; 
}
.z-button .z-button-cl, .z-button .z-button-cr {
    display: none; 
}
/** Button **/
.z-button-os{
    background :  #e77817 !important;
    border-radius: 6px;
}
.z-button-cm {
	background: #e77817 !important;
    border-radius: 6px;
}
.z-button-over{
    background-color: #053c6d !important;
    border-radius: 6px;
}
 









.z-east-colpsd, .z-west-colpsd, .z-south-colpsd, .z-north-colpsd {
    background-color:#f7f1eb ;
    width: 22px;
    height: 22px;
    border: none;
    overflow: hidden;
    position: absolute;
    font-weight: bold;
    font-size: medium;
    font-family: Zurch-font, Arial, Helvetica, sans-serif;
    color:#454545;
}


.z-label, .z-radio-cnt, .z-checkbox-cnt, input.button, input.file, .z-loading {
    font-family: Zurch-font, Arial, Helvetica, sans-serif;
    font-weight: normal;
} 

.z-bandbox .z-bandbox-btn {
	background-image:url(/zkau/web/2eae2d22/responsive/img/zul/combobox/search.png);    
	background-repeat: no-repeat;
    background-position: initial;
    border: 1px solid #D2D7D3;
    padding: 13px 10px;
    background-position-x: 2px;
    background-position-y: 4px;
    border-left: none;
    padding-bottom: 12px;
}
    

.z-combobox-rounded-shadow, .z-bandbox-rounded-shadow, 
.z-datebox-rounded-shadow, .z-combobox-shadow, .z-bandbox-shadow, 
.z-datebox-shadow  {box-shadow:none; border-radius:0px;}
.z-calendar-calyear td.z-calendar-seld, .z-calendar-calmon td.z-calendar-seld, 
.z-calendar-calday td.z-calendar-seld {
   background-color:#97291e;
   color:#FFFFFF;
   }
   
td.z-comboitem-text {
    padding: 7px;
}
    
.z-spinner-readonly, .z-doublespinner-readonly, .z-timebox-readonly, 
.z-datebox-readonly, .z-bandbox-readonly, .z-combobox-readonly, 
.z-spinner-focus .z-spinner-readonly, .z-doublespinner-focus .z-doublespinner-readonly, 
.z-timebox-focus .z-timebox-readonly, .z-datebox-focus .z-datebox-readonly, 
.z-bandbox-focus .z-bandbox-readonly, .z-combobox-focus .z-combobox-readonly{
	background-image: none;
}
tr.z-treerow-seld{
	background-color: #f7f1eb;
}
.z-west-header, .z-center-header, .z-east-header, .z-north-header, .z-south-header{
	background-image: none;
	background-color: #f7f1eb;
	color: #FFFFFF;
}

.z-east-splt, .z-west-splt, .z-north-splt, .z-south-splt{
	background-image: none;
	background-color: #97291e;
}

.z-fieldset {
	border: 1px solid #97291e;
} 
.center-west
 .z-west-header{
	background-image: none;
    background-color: #f7f1eb ;
	color:#454545 ;
}

div.z-dottree-pgi-b{
	border: none;
}

div.z-vfiletree {
    background: #97291e !important; /*palette 0*/
    color: #FFFFFF;
    border: 1px solid #97291e;/*palette 0*/
    overflow: hidden;
    zoom: 1;
}
div.z-vfiletree-header th.z-treecol, div.z-vfiletree-header th.z-auxheader {
    overflow: hidden;
    border: 1px solid;
    border-color: #FFFFFF #f7f1eb #FFFFFF #97291e;/*palette 1,0*/
    white-space: nowrap;
    padding: 2px;
    font-size: 12px;
    font-weight: normal;
}

div.z-vfiletree-header tr.z-treecols, div.z-tree-header tr.z-auxhead {
   background-image:none!important;
}
.z-treerow.z-treerow-over{
	background-color: #f7f1eb;
}
.z-treerow.z-treerow-seld.z-treerow-over-seld{

	background-color: #f7f1eb;
}
.z-treerow.z-treerow-seld{
	background-color: #f7f1eb;
}
.z-msgbox-success {
    background: url(/zkau/web/responsive/img/project/homepage/common/Approved.gif) no-repeat center center !important;
} 
pre, xmp, plaintext, listing{
	font-family: Zurch-font, Arial, Helvetica, sans-serif !important;
}
.z-combobox-rounded-pp, .z-bandbox-rounded-pp, .z-datebox-rounded-pp, 
.z-combobox-pp, .z-bandbox-pp, .z-datebox-pp{
    border: 1px solid #DDDDDD;
}
.z-combobox-focus .z-combobox-inp, .z-bandbox-focus .z-bandbox-inp, 
.z-datebox-focus .z-datebox-inp, .z-timebox-focus .z-timebox-inp, .z-spinner-focus 
.z-spinner-inp, .z-doublespinner-focus .z-doublespinner-inp {
	border: 1px solid  #DDDDDD;
}
/*to prevent simplegrid col- class mixup*/
div.z-treecol-cnt{
	float:none;
	min-height:0;
}
tr.z-treerow-disd *, td.z-treecell-disd * {
    color: #444 !important;
} 
/*for disb field txt color*/
.z-textbox-disd, .z-decimalbox-disd, .z-intbox-disd, .z-longbox-disd, .z-doublebox-disd .z-spinner-rounded-disd, .z-doublespinner-rounded-disd, .z-timebox-rounded-disd, .z-datebox-rounded-disd, .z-bandbox-rounded-disd, .z-combobox-rounded-disd, .z-spinner-disd, .z-doublespinner-disd, .z-timebox-disd, .z-datebox-disd, .z-bandbox-disd, .z-comboitem-disd, .z-combobox-disd, input[disabled] {
    color: #444 !important;
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
}
.z-south-body{
    background-color: #053C6D; 
}

.z-south{
    border: 1px solid #053C6D;
}
.z-west-header, .z-center-header, .z-east-header, .z-north-header, .z-south-header{
	font-family: Zurch-font, Arial, Helvetica, sans-serif;
}
.z-radio-cnt{
	color: #000;
}
.vertical-title{
	color: #454545;
}
.z-west-header, .z-center-header, .z-east-header, .z-north-header, .z-south-header{
	color: #000;
}
.z-textbox, .z-decimalbox, .z-intbox, .z-longbox, .z-doublebox{
	border: 1px solid #888;
}
.z-combobox-rounded-inp, .z-bandbox-rounded-inp, .z-datebox-rounded-inp, .z-timebox-rounded-inp, .z-spinner-rounded-inp, .z-doublespinner-rounded-inp, .z-combobox-inp, .z-bandbox-inp, .z-datebox-inp, .z-timebox-inp, .z-spinner-inp, .z-doublespinner-inp{
	border: 1px solid #888;
}
.z-datebox .z-datebox-btn{
	border: 1px solid #888;
	border-left:none;
}
.z-combobox-rounded .z-combobox-rounded-btn, .z-bandbox-rounded .z-bandbox-rounded-btn, .z-datebox-rounded .z-datebox-rounded-btn, .z-timebox-rounded .z-timebox-rounded-btn, .z-spinner-rounded .z-spinner-rounded-btn, .z-doublespinner-rounded .z-doublespinner-rounded-btn, .z-combobox .z-combobox-btn, .z-bandbox .z-bandbox-btn, .z-timebox .z-timebox-btn, .z-spinner .z-spinner-btn, .z-doublespinner .z-doublespinner-btn{
	border: 1px solid #888;
	border-left:none;
}
.z-caption .z-caption-l, .z-caption .z-caption-r{
	font-weight: bold;
}
.z-combobox-rounded-pp, .z-bandbox-rounded-pp, .z-datebox-rounded-pp, .z-combobox-pp, .z-bandbox-pp, .z-datebox-pp{
	border: 1px solid #888;
}
.center-west .z-west-header{
	font-weight: bold;
}
.z-combobox-focus .z-combobox-inp, .z-bandbox-focus .z-bandbox-inp, .z-datebox-focus .z-datebox-inp, .z-timebox-focus .z-timebox-inp, .z-spinner-focus .z-spinner-inp, .z-doublespinner-focus .z-doublespinner-inp {
	border: 1px solid #888;
}
.z-comboitem-seld{
	color: #fff !important ;
}
/** Input elements border **/
.z-combobox-rounded-inp, .z-bandbox-rounded-inp, .z-datebox-rounded-inp, .z-timebox-rounded-inp, .z-spinner-rounded-inp, .z-doublespinner-rounded-inp, .z-combobox-inp, .z-bandbox-inp, .z-datebox-inp, .z-timebox-inp, .z-spinner-inp, .z-doublespinner-inp,
.z-combobox-rounded .z-combobox-rounded-btn, .z-bandbox-rounded .z-bandbox-rounded-btn, .z-datebox-rounded .z-datebox-rounded-btn, .z-timebox-rounded .z-timebox-rounded-btn, .z-spinner-rounded .z-spinner-rounded-btn, .z-doublespinner-rounded .z-doublespinner-rounded-btn, .z-combobox .z-combobox-btn, .z-bandbox .z-bandbox-btn, .z-timebox .z-timebox-btn, .z-spinner .z-spinner-btn, .z-doublespinner .z-doublespinner-btn,
.z-textbox, .z-decimalbox, .z-intbox, .z-longbox, .z-doublebox,
.z-datebox .z-datebox-btn{
    background-color:  #fff !important;
    border: none !important;
    border-bottom: 2px solid #888 !important;
    border-radius: 0;
}

.center-west .z-center,
div.z-dottree-body{
	background: #d1cfbb;
}
.center-west .z-west-header,
.center-west .filter{
   
}
input:focus,
select:focus
textarea:focus {
    outline: none;
    border: none !important;
    border-bottom: 2px solid #888 !important;
    box-shadow: inset 0 0 10px #ccc;
}

.z-combobox-focus .z-combobox-btn, .z-datebox-focus .z-datebox-btn, .z-timebox-focus .z-timebox-btn {
	border-bottom:2px solid #888 !important;
	box-shadow: inset 0 0 10px #eee;
}
.z-center-body::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
}
.z-center-body::-webkit-scrollbar
{
	width: 8px;
	height: 8px;
	background-color: #F5F5F5;
}
.z-center-body::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #888;
}
.z-textbox {
	padding-bottom: 3.9px;
	padding-top: 0.1em;
}
.z-datebox .z-datebox-btn{
	background-image: url(/zkImages/DigiPay/Calendar.png);
}
textarea.z-textbox{
	border: 1px solid #888 !important;
	border-bottom:2px solid #888 !important;
}
.center-west .z-center, div.z-dottree-body {
    background: #053c6d;
}
tr.z-treerow-over {
    background: #e77817;
    color: #fff;
}
.z-treerow.z-treerow-over{
	background: #e77817;
    color: #fff;
}
.center-west tr.z-treerow, tr.z-treerow a, tr.z-treerow a:visited{
	color: white;
}
.z-treerow.z-treerow-seld{
	background-color: #e77817;
}
.z-treerow.z-treerow-seld.z-treerow-over-seld{

	background-color: #e77817;
}
 




/*Legacy code from Bhushan for first resonsive version*/

.border_none .z-window-embedded-cnt {
	border: none;
}

.header {
	background-color:#f7f1eb; 
}


.Button_div1 {
	background-color:#f7f1eb;
	margin-top: 0.5em;
	padding: 0.5em;
	margin-bottom: 0.5em;
	
}
.Sub_heading {
    padding: 0 5px 5px;
    display: inherit;
    /* padding-left: 0.5em; */
    /* padding-bottom: 0.5em; */
    /* padding-top: 0.3em; */
    font-weight: 500;
    color: #000000;
    /* margin-bottom: 0.5em; */
} 
.heading_style1 {
	color: #FFFFFF;
	font-weight: 500;
	display: block;
	margin-bottom: 0px;
	padding: 5px;
}
.pre-req-form-radio-btn .z-radio-cnt {
	font-weight: 600 !important;
	color: #FFFFFF !important;
}
.z-panel-children {
	padding: 0em 0.5em 0.2em 0.5em;
	margin-bottom: 1em;
	border: 1px solid #DDDDDD;
}
 










.z-combobox-rounded .z-combobox-rounded-btn, 
.z-bandbox-rounded .z-bandbox-rounded-btn, 
.z-datebox-rounded .z-datebox-rounded-btn, 
.z-timebox-rounded .z-timebox-rounded-btn, 
.z-spinner-rounded .z-spinner-rounded-btn, 
.z-doublespinner-rounded .z-doublespinner-rounded-btn, 
.z-combobox .z-combobox-btn, 
.z-bandbox .z-bandbox-btn,  
.z-timebox .z-timebox-btn, 
.z-spinner .z-spinner-btn, 
.z-doublespinner .z-doublespinner-btn {
	background-repeat: no-repeat;
    border: 1px solid #DDDDDD;
    border-left: none;
    padding: 2px 5px 3px;
    background-position: 6px 5px;
}

.z-combobox .z-combobox-btn {
    background-image:url(/zkau/web/2eae2d22/responsive/img/zul/combobox/combobtn.png);
}

.z-datebox .z-datebox-btn {
    border-left: none;
    padding: 2px 2px 3px;
} 

.z-combobox-rounded-inp, .z-bandbox-rounded-inp, .z-datebox-rounded-inp, .z-timebox-rounded-inp, .z-spinner-rounded-inp, .z-doublespinner-rounded-inp, .z-combobox-inp, .z-bandbox-inp, .z-datebox-inp, .z-timebox-inp, .z-spinner-inp, .z-doublespinner-inp{
	background: none;
    background-color: #FFFFFF;
    font-family: Zurch-font, Arial, Helvetica, sans-serif;
    border: 1px solid #DDDDDD;
    padding:5px;
}

.z-spinner-readonly, 
.z-doublespinner-readonly, 
.z-timebox-readonly, 
.z-datebox-readonly, 
.z-bandbox-readonly, 
.z-combobox-readonly, 
.z-spinner-focus .z-spinner-readonly, 
.z-doublespinner-focus .z-doublespinner-readonly, 
.z-timebox-focus .z-timebox-readonly, 
.z-datebox-focus .z-datebox-readonly, 
.z-bandbox-focus .z-bandbox-readonly, 
.z-combobox-focus .z-combobox-readonly{
	padding-right: 5px;
}

input:focus,
select:focus
textarea:focus,
button:focus {
    outline: none;
}
 .z-textbox, .z-decimalbox, .z-intbox, .z-longbox, .z-doublebox {
    border: 1px solid  #DDDDDD;
    border-radius: 0px;
}
.z-combobox-rounded-pp .z-comboitem-seld, .z-combobox-pp .z-comboitem-seld {
    background:  #053c6d !important;
    color: #FFFFFF;
    border:none;
}
.z-combobox-rounded-pp .z-comboitem-over-seld, .z-combobox-pp .z-comboitem-over-seld,
.z-combobox-rounded-pp .z-comboitem-over-seld:hover, .z-combobox-pp .z-comboitem-over-seld:hover{
    background:  #97291e !important;
    color:#FFFFFF;
}
.z-comboitem:hover{
	background-color:#f7f1eb !important;
	color: black;
}
.z-combobox-rounded-pp .z-comboitem-inner, .z-combobox-rounded-pp .z-comboitem-cnt, 
.z-combobox-pp .z-comboitem-inner, .z-combobox-pp .z-comboitem-cnt {
    color: #DDDDDD;
}
.z-timebox .z-timebox-btn, 
.z-spinner .z-spinner-btn, 
.z-doublespinner .z-doublespinner-btn {
    background-position: -4px -2px !important;
	background-image:url(/zkau/web/2eae2d22/responsive/img/zul/button/timebtn.png);
}
.z-combobox-rounded-pp .z-comboitem-inner, .z-combobox-rounded-pp .z-comboitem-cnt, 
.z-combobox-pp .z-comboitem-inner, .z-combobox-pp .z-comboitem-cnt {
    color: #888;
} 
.z-comboitem.z-comboitem-seld.z-comboitem-over-seld .z-comboitem-inner{
	color: #ddd;
}
.z-combobox-rounded-pp, .z-bandbox-rounded-pp, .z-datebox-rounded-pp, .z-combobox-pp, .z-bandbox-pp, .z-datebox-pp{
	padding: 2px;
}
 










.grid{
	padding-bottom: 10px;
}

table {
	border-collapse: collapse;
}

div.z-grid{
	background: none;
	border: 1px solid transparent;
}

tr.z-grid-odd td.z-row-inner, tr.z-grid-odd.z-cell, tr.z-grid-odd,tr.z-grid-odd .z-cell{
  background: #f7f1eb;
}

.z-column .z-column-cnt {
    background: #053c6d;
    font-family: Zurch-font, Arial, Helvetica, sans-serif;
    font-size: 14px;
    border: none;
    padding: 5px 2px;
    vertical-align: middle;
    text-align: center;
}
div.z-grid-header div.z-column-cnt, div.z-grid-header .z-column-sort div.z-column-cnt {
    text-align: center;
}
div.z-grid-header th.z-column, div.z-grid-header th.z-auxheader {
    overflow: hidden;
    border-color: white;
    white-space: nowrap;
    padding: 2px;
    font-size: small;
    font-weight: normal;
    height: 30px;
    color: #FFFFFF;
    font-family: Zurch-font, Arial, Helvetica, sans-serif;
}
div.z-grid-pgi-t, div.z-grid-pgi-b{
	border: none;
}

div.z-grid-header tr.z-columns, div.z-grid-header tr.z-auxhead,
div.z-grid-header .z-column-sort-asc, div.z-grid-header .z-column-sort-dsc{
	background-image: none;
	background-color: #053c6d;
}

tr.z-row td.z-row-inner, tr.z-row .z-cell{
	border : none;
	border-bottom: 1px solid #f7f1eb;
}
.z-column-over{
	background-image: none;
	background-color: #053c6d  !important;
}
div.z-grid-header tr.z-columns, div.z-grid-header tr.z-auxhead {
	background-image: none;
	background-color: #053c6d;
	color: #FFFFFF;
}

div.z-grid-header div.z-column-cnt{
	font-weight: bold;
	padding-left: 10px;
}



.pathtxt{
    vertical-align: bottom;
    color: black;
    font-weight: normal;
    margin-left: 17px;
}
.viewtxt{
	align: left; 
	vertical-align: center; 
	font-weight: normal;
}
div.z-grid-header .z-column-sort div.z-column-cnt{
	/*background-image: url(/zkau/web/2eae2d22/responsive/img/zul/grid/v_sort.png);*/
}

div.z-grid-header .z-column-sort-asc div.z-column-cnt{
	background-image: url(/zkau/web/2eae2d22/responsive/img/zul/grid/v_asc.png);
}
div.z-grid-header .z-column-sort-dsc div.z-column-cnt{
	background-image: url(/zkau/web/2eae2d22/responsive/img/zul/grid/v_dsc.png);
}
div.z-grid-body{
	overflow:hidden;
}

/* layoutgrid class is used where grid is used for layout purpose instead of tabular structure*/
.layoutgrid tr.z-grid-odd td.z-row-inner, .layoutgrid tr.z-grid-odd .z-cell, .layoutgrid tr.z-grid-odd {
    background: transparent none repeat scroll 0% 0%;
}

.layoutgrid tr.z-row td.z-row-inner,.layoutgrid tr.z-row .z-cell {
    //background: white none repeat scroll 0 0;
    border-color: transparent;
    border-style: none solid solid;
    border-width: 0px;
}

.layoutgrid tr.z-row-over .z-cell, .layoutgrid tr.z-row-over td.z-row-inner{
    background: transparent none repeat scroll 0% 0%;
}

/* This is to fix the issue of half-hidden radio buttons in case of common-grid first column */
.gridrow > td:first-child{
    padding-left: 2px;
}
.gridrow > td.gridcell{
	padding-left: 10px;
}
/* To add ellipsis for grid headers */
.z-column-cnt {
    word-wrap: normal;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis
}
.dg-reports-grid-checkbox input[type="checkbox"], .common-grid-checkbox input[type="checkbox"]{
	margin: 0;
}

.common-grid-checkbox, .dg-reports-grid-checkbox {
	display: block;
    	text-align: center;
}



/*added fro different input components alignments*/
.grid [class*='col-'] .z-datebox{
	width: calc(100% + 1px)!important;
}

.grid [class*='col-'] .line-macro.z-hbox input,
.grid [class*='col-'] .z-textbox,
.grid [class*='col-'] .z-textbox.z-textbox-real-readonly.z-textbox-readonly,
.grid [class*='col-'] .z-doublespinner,
.grid [class*='col-'] .z-decimalbox,
.grid [class*='col-'] .z-intbox,
.grid [class*='col-'] .z-longbox,
.grid [class*='col-'] .z-doublebox,
.grid [class*='col-'] .z-listbox{
	width: calc(100% - 12px)!important;
}
.grid [class*='col-'] .z-spinner,
.grid [class*='col-'] .z-combobox,
.grid [class*='col-'] .z-bandbox,
.grid [class*='col-'] .z-timebox{
	width: calc(100%)!important;
}

.grid [class*='col-'] .z-spinner-inp,
.grid [class*='col-'] .z-combobox-inp,
.grid [class*='col-'] .z-bandbox-inp,
.grid [class*='col-'] .z-doublespinner-inp,
.grid [class*='col-'] .z-datebox-inp,
.grid [class*='col-'] .z-bandbox-inp,
.grid [class*='col-'] .z-textbox-inp,
.grid [class*='col-'] .z-decimalbox-inp,
.grid [class*='col-'] .z-intbox-inp,
.grid [class*='col-'] .z-longbox-inp,
.grid [class*='col-'] .z-doublebox-inp,
.grid [class*='col-'] .z-listbox-inp,
.grid [class*='col-'] .z-timebox-inp {
	width: calc(100% - 36px) !important;
}

.grid [class*='col-'] table {
    table-layout: fixed;
}
.grid [class*='col-'] tbody, .grid [class*='col-'] tr {
    width: 100% !important;
} 

.z-calendar {
    margin: auto;
}

/** Calendar **/
.z-calendar .z-weekend,
.z-calendar-caldayrow .z-calendar-wkend{
    color: #e77817;
}

.z-calendar {
	width: 290px;
}

/** Simple Grid **/
.grid{
    padding-bottom: 5px !important;
}
.grid-pad {
	padding-top: 5px;
	padding-left: 10px; /* grid-space to left */
}
[class*='col-'] {
	padding-right: 10px; /* column-space */
}

/** Grid **/
tr.z-grid-odd td.z-row-inner, tr.z-grid-odd.z-cell, tr.z-grid-odd, tr.z-grid-odd .z-cell{
    background : #eee;
}
 





.z-groupbox-cnt{
	border: 1px solid #DDDDDD;
}

.z-groupbox-tl, .z-groupbox-tr, .z-groupbox-hl, .z-groupbox-hr, .z-groupbox-hm {
	background-image: none;
	border-bottom: none;
}

.z-groupbox-hl{
	background-color: #053c6d;
}
.z-groupbox-hl .z-groupbox-header{
	color: #FFFFFF;
	padding: 2px;
}
.z-textbox, .z-decimalbox, .z-intbox, .z-longbox, .z-doublebox{
	background-image:none;
}

.z-groupbox-bm , .z-groupbox-bl {
	background-image: none !important;
}
.z-groupbox-br {
	background-image: none;
}

 





.z-msgbox-question{
	background-image:url(/zkau/web/2eae2d22/responsive/img/zul/layout/messages-img/question-btn.png);
}
.z-msgbox-exclamation{
	background-image:url(/zkau/web/2eae2d22/responsive/img/zul/layout/messages-img/warning-btn.png); 
}

.z-msgbox-error{
	 background-image:url(/zkau/web/2eae2d22/responsive/img/zul/layout/messages-img/stop-btn.png);
}
 






@-webkit-keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-ms-keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


.z-apply-loading-icon, .z-loading-icon {
    display: inline-block;
    vertical-align: top;
}
.z-apply-loading-indicator {
    cursor: wait;
    padding: 12px;
    white-space: nowrap;
}
.z-apply-loading {
    cursor: wait;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    z-index: 89500;
}
.z-apply-loading-icon, .z-loading-icon, .z-renderdefer {
    background: transparent;
    padding-right: 10px;
}
.z-loading {
	border: none;
    background: none;
    width: 200px;
    height: 200px;
    transform:scale(0.99);
}
.z-loading-indicator {
	background-color: transparent;
	color:transparent;
	border: none;
	position: absolute;
	padding: 0;
	display: block;
	width: 60px;
	height: 60px;
	top: 20px;
	left: 20px;
	border-radius: 50%;
	box-shadow: 3px 3px 0 -1px #97291e;
	-ms-animation: uil-ring-anim 1s linear infinite;
	-moz-animation: uil-ring-anim 1s linear infinite;
	-webkit-animation: uil-ring-anim 1s linear infinite;
	-o-animation: uil-ring-anim 1s linear infinite;
	animation: uil-ring-anim 1s linear infinite;
}
/*processing icon using CSS - Supported by IE and Chrome all versions--End*/
 





.z-east.z-east-noborder{
	border-top-color: #D7E6EA !important;
}

.z-east.z-east-noborder table.z-vbox{
	border: 1px solid #D7E6EA !important;
}

.header{
	background-image: none;
}

.header, .header a, .header a input, .header button{
	color : #FFFFFF;
}

.header a:hover, .header a input:hover,  .header button:hover {
	color : #FFFFFF;
}


.header table{
	border-color: #FFFFFF !important;
}

.mandatory_fields {
	color: red;
}
.mandatory_fields2 {
	font-size:0.7em !important;
}
.freeze_state1 {
	background: #ECECEC;
}

.z-AppMenu-inner .z-menubar-hor, z-AppMenu-inner .z-menubar-ver{
	border-bottom: none;
	background: transparent;
}
.z-textbox-disd, .z-decimalbox-disd, .z-intbox-disd, .z-longbox-disd, .z-doublebox-disd .z-spinner-rounded-disd, .z-doublespinner-rounded-disd, .z-timebox-rounded-disd, .z-datebox-rounded-disd, .z-bandbox-rounded-disd, .z-combobox-rounded-disd, .z-spinner-disd, .z-doublespinner-disd, .z-timebox-disd, .z-datebox-disd, .z-bandbox-disd, .z-comboitem-disd, .z-combobox-disd,input[disabled]{
    color: #444 !important;
		opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    background-color: #f4f4f4;
}
/*for CommoList scrollbar removal*/
.modal-overflow .z-window-modal-cnt{
	overflow: auto !important;
}
/*for textarea resizable property and outline-color*/
.textarea-resize{
	outline-color:#dddddd;
	resize:none;
}
textarea{
	outline-color:#dddddd;
	resize:none;
}
/*for removing hand cursor pointer from msg alert/confirmation msg icons*/
.z-msgbox{
	cursor: auto;
}
/*for removing extra space becoz of img present*/
.z-menu-item-img{
	display:none !important;
}
/*Override owl carousel elements*/
.owl-theme .owl-controls .owl-nav [class*=owl-]{
	background: #97291e !important;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
	background: #97291e !important;
}
.owl-theme .owl-dots .owl-dot span{
	background: #053c6d !important;
}
.owl-theme .owl-nav [class*=owl-]{
	background: #97291e !important;
}
.owl-theme .owl-nav [class*=owl-]:hover{
	background: #97291e !important;
}
 










.z-menubar-hor, .z-menubar-ver {
    position: relative;
    display: block;
    padding: 0px 0px;
	margin-bottom:5px;
    background: #97291e;
    background-image: none;
    font-weight: normal;
    font-size: medium;
    font-family: Zurch-font, Arial, Helvetica, sans-serif;
}
.z-menu-popup {
    background:#f7f1eb;
    border:none;
    padding: 0px;
    z-index: 88000;
    background-image: none;
    left: 0;
    top: 0;
}
.z-menu-popup-cnt .z-menu a.z-menu-cnt, .z-menu-popup-cnt .z-menu-item a.z-menu-item-cnt{
	padding: 3px 15px 3px 3px;
}
.z-menu-popup-cnt .z-menu-over a.z-menu-cnt, .z-menu-popup-cnt .z-menu-item-over a.z-menu-item-cnt {
    background-color: #053c6d;
    color:#FFFFFF;
}
.z-menu-popup-cnt .z-menu-over, .z-menu-popup-cnt .z-menu-item-over{
	padding: 0;
	background: #f7f1eb;
	border-color:#053c6d;
}
.z-menubar-hor .z-menu, .z-menubar-hor .z-menu-item, .z-menubar-hor .z-menu-btn, .z-menubar-hor .z-menu-item-btn, .z-menubar-hor span, .z-menubar-hor a, .z-menubar-hor div, .z-menubar-ver .z-menu, .z-menubar-ver .z-menu-item, .z-menubar-ver .z-menu-btn, .z-menubar-ver .z-menu-item-btn, .z-menubar-ver span, .z-menubar-ver a, .z-menubar-ver div, .z-menu-cnt, .z-menu-item-cnt {
    color: #FFFFFF;
    font-weight: normal;
    white-space: nowrap;
    font-family: Zurch-font, Arial, Helvetica, sans-serif;
    font-size: 14px;
}
 .z-menubar-hor .z-menu-item-btn,  .z-menubar-ver .z-menu-item-btn{
 	padding-top: 5px;
 	padding-bottom: 5px;
 }

.z-menu-body-over .z-menu-inner-l,.z-menu-body-seld .z-menu-inner-l,.z-menu-item-body-over .z-menu-item-inner-l,
.z-menu-body-over .z-menu-inner-r,.z-menu-body-seld .z-menu-inner-r,.z-menu-item-body-over .z-menu-item-inner-r,
.z-menu-body-over .z-menu-inner-m,.z-menu-body-seld .z-menu-inner-m,.z-menu-item-body-over .z-menu-item-inner-m{
	background-image: none;	
	background-color: #053c6d;
	color:  #FFFFFF;
}

.z-menu-body-over .z-menu-inner-m .z-menu-btn,
.z-menu-body-seld .z-menu-inner-m .z-menu-btn,
.z-menu-item-body-over .z-menu-item-inner-m .z-menu-btn
, .z-menu-item-body-over .z-menu-item-btn {
    color: #FFFFFF;
}
.z-menubar-hor .z-menu-body .z-menu-inner-l, .z-menubar-hor .z-menu-body .z-menu-inner-r, .z-menubar-hor .z-menu-item-body .z-menu-item-inner-l, .z-menubar-hor .z-menu-item-body .z-menu-item-inner-r, .z-menubar-ver .z-menu-body .z-menu-inner-l, .z-menubar-ver .z-menu-body .z-menu-inner-r, .z-menubar-ver .z-menu-item-body .z-menu-item-inner-l, .z-menubar-ver .z-menu-item-body .z-menu-item-inner-r{
	height: 26px;
}
.z-menu-body .z-menu-inner-m div {
    background-image: url(/zkau/web/2eae2d22/responsive/img/zul/menu/btn-arrow.png);
    padding-right: 6px;
}
.z-menu-popup-cnt .z-menu .z-menu-cnt-img{
background-image: url(/zkau/web/2eae2d22/responsive/img/zul/menu/arrow.png);
}
.z-menu-popup-cnt .z-menu-item-cnt-ck .z-menu-item-img {
	display:inline-block !important;
}
.z-menu-popup-cnt .z-menu-item-cnt-unck .z-menu-item-img {
	display:inline-block !important;
}
.z-menu-popup-cnt .z-menu .z-menu-img, .z-menu-popup-cnt .z-menu-item .z-menu-item-img{
	display: none;
}

.z-menubar-hor .z-menu-btn, .z-menubar-hor .z-menu-item-btn, .z-menubar-hor DIV{
	color: #ffffff !important;
}
 










.z-paging {
    background-image: none;
    background-color: #f7f1eb;
	margin-bottom: 5px;
    margin-top: 5px;
    border: 1px solid #DDDDDD;
}

.z-paging-btn .z-paging-next, .z-paging-btn .z-paging-prev, .z-paging-btn .z-paging-last, .z-paging-btn .z-paging-first {
    background-image:url(/zkau/web/2eae2d22/responsive/img/zul/layout/pg-btn.png);
    width: 16px;
    height: 15px;
    border: 0;
    
    margin-bottom: 9px;
    margin-left: 2px;
}
.z-paging-btn .z-paging-next, .z-paging-btn .z-paging-prev, .z-paging-btn .z-paging-last, .z-paging-btn .z-paging-first{
    background-image:url(/zkau/web/2eae2d22/responsive/img/zul/layout/pg-btn.png);
    width: 16px;
    /* height: 15px; */
    border: 0;
    margin-top: 3px;
    margin-left: 2px;
}
.z-paging .z-paging-sep{
	background-image: none;
}
.z-paging-inp{
	margin: 0 5px;
}
.z-paging-os .z-paging-os-cnt {
    padding: 2px 5px;
    background-color: #f7f1eb;
    background-image: none;
    color: black;
    border: 1px solid #CCC;
    font-family: Zurch-font, Arial, Helvetica, sans-serif;
}

.z-paging-os .z-paging-os-cnt:hover {
    color: black;
}

.z-paging-os .z-paging-os-seld {
    font-size: 12px;
    color: black;
    font-weight: bold;
    background-image: none;

}
.z-paging-os span {
    color: black;
    font-family: Zurch-font, Arial, Helvetica, sans-serif;
}
.z-paging-inp {
    border: 1px solid #ccc;
}
 







.z-panel-hm .z-panel-header .z-caption, .z-panel-header .z-caption{
	font-weight: 500 !important;
}
.z-panel-header {
    background-image: none;
    background-color: none;
    border: none;
    font-size: medium;
    font-weight: 500;
    color: #FFFFFF;
    font-family: Zurch-font, Arial, Helvetica, sans-serif;
}

.z-panel-noborder .z-panel-header.z-panel-header-noborder {
    border-width: 0;
    border-bottom: 0px solid #b1cbd5;
}

.z-panel-children {
	border: 1px solid transparent;
    padding: 2px !important;
    margin-bottom: 2px !important;
}
.z-panel-body{
    border: 1px solid #DDDDDD;
}
.z-panel{
	margin-bottom:4px;
}

.z-panel-icon{
	background-image:url(/zkau/web/2eae2d22/responsive/img/zul/layout/btn.png);
}

/*for changing panel header similar to header of other application pages making css similar to .heading_style1  */
.z-panel-header , .heading_style1{
	color: #000000;
    font-weight: 500  !important;
    display: block;
    margin-bottom: 0px;
    padding: 2px;
    font-size: 12pt !important;
    font-family: Zurch-font, Arial, Helvetica, sans-serif;
    font-weight: normal;
}

 




.z-separator-hor-bar {
    background-image: none;
}
.z-west-splt{
	width:2px;
}
.z-south-splt-btn{
	background-image: none;
}
 











.z-tabs-scroll .z-tabs-cnt {
	background-image:none !important;
	background:#454545;
	background:#f7f1eb;
	border-bottom: 1px solid #f7f1eb;
	padding-top:0px;
}
.z-tab-hl {
	background:#454545; 
	background:#f2f2f2; 
	background-image:none !important; 
	padding-left:0px;
}
.z-tab-seld .z-tab-hm {
	background:#97291e !important;   
	background-image: none; 
	color:#FFFFFF;
}
.z-tab .z-tab-hl:hover .z-tab-text {
	color:#FFFFFF;
	background-color:#053c6d;
}
.z-tab .z-tab-text{
	
}
.z-tab-seld .z-tab-text {
	color:#FFFFFF;
}
.z-tab-hr, .z-tab-hm {
	background:#f7f1eb; 
	background-image: none;
}
.z-tabs-scroll {
	border:none;
}

.z-tab-hr {
	padding-right:0px;
}
.z-tab-seld .z-tab-hm .z-tab-text {
	color:#FFFFFF !important;
	background:#97291e !important; 
}
.z-tab .z-tab-text, .z-tab-seld .z-tab-text{
	font-family: Zurch-font, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
}
.z-tab .z-tab-text {
	color: #454545; 
	padding:8px 12px; 
	
	text-transform: uppercase;
}
.z-tabpanel,.z-tabbox-ver .z-tabpanels-ver {
	border-color: #97291e;
}

.z-tabs-cnt img{
	display: none;
}

.z-tabs-cnt li {
	border-left:none;
}





.z-tabs-ver-scroll .z-tabs-ver-header {
    background: #f7f1eb repeat-y 0 0;
    background-image:url(/zkau/web/2eae2d22/responsive/img/zul/img/tab/tabs-v-bg.png);
    zoom: 1;
    overflow: hidden;
    position: relative;
}
.z-tabs-ver .z-tabs-ver-cnt {
    padding-top: 2px;
    padding-left: 1px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    display: block;
    margin: 0;
    zoom: 1;
    height: 4096px;
    border-right: 1px solid #f7f1eb;
    -moz-user-select: none;
}
.z-tabs-ver-scroll {
    background: #f7f1eb none repeat 0 0;
    border-top: 1px solid #97291e;
    border-bottom: 1px solid #97291e;
    border-left: 1px solid #97291e;
}
.z-tabs-ver .z-tabs-ver-cnt {
    padding-top: 2px;
    padding-left: 1px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    display: block;
    margin: 0;
    zoom: 1;
    height: 4096px;
    border-right: 1px solid #97291e;
    background-color: #f7f1eb;
    -moz-user-select: none;
}

.z-tab-ver-seld .z-tab-ver-hl{
background:none;
}
.z-tab-ver-hl .z-tab-ver-hr{
background:none;
}
.z-tab-ver .z-tab-ver-hm{
	background:none;
}
.z-tab-ver-hl{
	background:none;
}
.z-tab-ver-seld .z-tab-ver-hl:hover{
	background-color: #97291e;
}

.z-tab-ver-seld .z-tab-ver-hl{
	background-color:#97291e;

}
.z-tab-ver-seld .z-tab-ver-text {
    color: #FFFFFF !important;
    font-weight: 500;
}

.z-tab-ver .z-tab-ver-text {
    font-style: normal;
    font-family: Zurch-font, Arial, Helvetica, sans-serif;
    text-align: center;
    font-style: normal;
    white-space: nowrap;
    color: #454545;
    cursor: pointer;
    font-size-adjust: none;
}

.z-tabpanel {
    border-top: none;
    border: none !important;
}
.z-tabs-scroll .z-tabs-right-scroll, .z-tabs-scroll .z-tabs-left-scroll{
	background-image:url(/zkau/web/2eae2d22/responsive/img/zul/layout/scroll/scroll-r.png);
	border-bottom: none;
}
.z-tabs-scroll .z-tabs-left-scroll{
	background-image:url(/zkau/web/2eae2d22/responsive/img/zul/layout/scroll/scroll-l.png);
}

.z-tabs-ver .z-tabs-ver-space, .z-tabs-ver-space{
	background: none;
	border: 1px solid transparent;
}
.z-tabpanel, .z-tabbox-ver .z-tabpanels-ver{
	border: none;
}
/** Tabs Vertical Scroll **/
.z-tabs-ver-scroll{
    border: none !important;
}
.z-tab .z-tab-hl .z-tab-text{
	color: #454545;
}
.z-tab .z-tab-hl:hover .z-tab-text{
	color: #fff;
}
.z-tab .z-tab-hl:hover .z-tab-text{
	font-weight: 600;
}
.z-tab .z-tab-hl .z-tab-text{
	font-weight: 600;
}
.z-tabs-scroll{
	background: none;
}
 






div.z-listbox-header tr.z-listhead, div.z-listbox-header tr.z-auxhead {
    background: #f7f1eb repeat-x 0 0;
    color: #454545
    background-image:url(/zkau/web/2eae2d22/responsive/img/zul/img/grid/column-bg.png);
}

div.z-listbox {
    background: transparent;
    border: transparent;
    overflow: hidden;
    zoom: 1;
}
/*Added ellipsis for header */
div.z-listbox-header th.z-listheader, div.z-listbox-header th.z-auxheader {
    overflow: hidden;
    border: 1px solid;
    border-color: #f7f1eb #f7f1eb #f7f1eb #f7f1eb;
    padding: 2px;
    font-size: 13px;
    font-weight: normal;
    background-color: #053c6d;
    color: #FFFFFF;
    word-wrap: normal;
    white-space: normal;
    text-overflow: ellipsis;
}

div.z-listfooter-cnt, div.z-listcell-cnt, div.z-listheader-cnt{
	padding: 7px;
}

div.z-listbox-body .z-listcell, div.z-listbox-footer .z-listfooter {
    /* border: 1px solid #DDDDDD;*/
	border: none;
}

div.z-listcell-cnt {
    padding: 10px 0px 10px 10px;
}

div.z-listbox-pgi-b {
    border-top: none;
}

tr.z-listitem td.z-listitem-focus {
    background-image: none;
}
tr.z-listbox-odd {
    background:#f7f1eb;
}

tr.z-listitem-seld {
    background:  none;
    border: none;
}

tr.z-listitem-over {
    /* background:  #f7f1eb;*/
	background: transparent;
}
tr.z-listbox-odd.z-listitem-over{
        background:#f7f1eb;
}
tr.z-listbox-odd .z-listitem-seld, 
tr.z-listbox .z-listitem-seld,
tr.z-listitem-seld,
tr.z-listitem-over-seld,
z-listitem.z-listitem-over-seld.z-listitem-seld{
	background: #053c6d;
	color: #FFFFFF;
}
/*for pendency Grid alignment*/
div.z-listfooter-cnt, div.z-listheader-cnt{
	word-wrap: normal;
	white-space: normal;
	padding: 7px;
	overflow: hidden;
	text-overflow: ellipsis;
}

div.z-listbox-header th.z-listheader-sort div.z-listheader-cnt {
    /*background-image: url(/zkau/web/2eae2d22/responsive/img/zul/grid/v_sort.png);*/
}

div.z-listbox-header th.z-listheader-sort-asc div.z-listheader-cnt {
    background-image: url(/zkau/web/2eae2d22/responsive/img/zul/grid/v_asc.png);
}

div.z-listbox-header th.z-listheader-sort-dsc div.z-listheader-cnt {
    background-image: url(/zkau/web/2eae2d22/responsive/img/zul/grid/v_dsc.png);
}
 












.z-window-modal-shadow, .z-window-overlapped-shadow, .z-window-popup-shadow, 
.z-window-embedded-shadow, .z-window-highlighted-shadow {
    border-radius: 2px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}
.z-window-modal-resize-faker, .z-window-overlapped-resize-faker, 
.z-window-popup-resize-faker, .z-window-embedded-resize-faker, 
.z-window-highlighted-resize-faker, .z-window-resize-faker {
    background-color: #d7e6f7;
    border: 1px dashed #1854c2;
    left: 0;
    opacity: 0.5;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 60000;
}
.z-window-modal-move-ghost, .z-window-overlapped-move-ghost, .z-window-popup-move-ghost, .z-window-highlighted-move-ghost, .z-window-move-ghost {
    background: #d7e6f7 none repeat scroll 0 0;
    cursor: move !important;
    opacity: 0.65 !important;
    overflow: hidden;
    position: absolute;
}
.z-window-modal-move-ghost dl, .z-window-overlapped-move-ghost dl, .z-window-popup-move-ghost dl, .z-window-highlighted-move-ghost dl, .z-window-move-ghost dl {
    background: #d7e6f7 none repeat scroll 0 0;
    border: 1px solid #538ba2;
    display: block;
    font-size: 0;
    line-height: 0;
    margin: 0;
    overflow: hidden;
    padding: 0;
}
.z-window-modal, .z-window-overlapped, .z-window-popup, .z-window-highlighted {
    border-radius: 2px;
    border: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
}
.z-window-modal{
	    box-shadow: 1px 1px 5px 1px #97291e;
}
.z-window-embedded {
    border-radius: 2px;
    margin: 0;
    overflow: hidden;
    padding: 0;
}
.z-window-embedded-tl, .z-window-modal-tl, .z-window-highlighted-tl, .z-window-overlapped-tl, .z-window-popup-tl {
    background: #f7f1eb;
    font-size: 0;
    height: 0px;
    line-height: 0;
    margin-right: 5px;
}
.z-window-embedded-tl {
    background-image: none;
}
.z-window-popup-tl {
    background-image: none;
}
.z-window-embedded-tr, .z-window-modal-tr, .z-window-highlighted-tr, .z-window-overlapped-tr, .z-window-popup-tr {
    background: #f7f1eb;
    font-size: 0;
    height: 5px;
    line-height: 0;
    margin-right: -5px;
    position: relative;
    border-bottom: none;
}
.z-window-modal-cl, .z-window-highlighted-cl, .z-window-overlapped-cl {
    background: #f7f1eb;
    padding-left: 6px;
    border-top: none;
    border-collapse: collapse;
}
.z-window-embedded-hl, .z-window-modal-hl, .z-window-highlighted-hl, .z-window-overlapped-hl, .z-window-popup-hl {
    background: #f7f1eb;
    border: 1px solid #97291e;
}
.z-window-embedded-tr {
    background-image: none;
}
.z-window-popup-tr {
    background-image: none;
}
.z-window-embedded-hl, .z-window-modal-hl, .z-window-highlighted-hl, .z-window-overlapped-hl, .z-window-popup-hl {
    background: #f7f1eb;
    border: 1px solid #97291e;
    border-left: none;
    border-right: none;
}
.z-window-embedded-hl {
    background-image: none;
}
.z-window-popup-hl {
    background-image: url(/zkau/web/2eae2d22/responsive/img/zul/img/wnd/wnd-pop-hl.png);
}
.z-window-embedded-hr, .z-window-modal-hr, .z-window-highlighted-hr, .z-window-overlapped-hr, .z-window-popup-hr {
    background: #f7f1eb;
}
.z-window-embedded-hr, .z-window-embedded-hr-noborder {
    background-image: none;
}
.z-window-popup-hr {
    background-image: none;
}
.z-window-embedded-hm, .z-window-modal-hm, .z-window-highlighted-hm, .z-window-overlapped-hm, .z-window-popup-hm {
    background: #f7f1eb;
    overflow: hidden;
}
.z-window-embedded-hm {
    background-image: none;
}
.z-window-popup-hm {
    background-image: none;
}
.z-window-modal-header, .z-window-popup-header, .z-window-highlighted-header, .z-window-overlapped-header, .z-window-embedded-header {
    color: #97291e;
    cursor: default;
    overflow: hidden;
    padding-bottom: 0px;
    vertical-align: middle;
    line-height: 35px;
}
.z-window-modal-header, .z-window-popup-header, .z-window-highlighted-header, .z-window-overlapped-header {
    color: #97291e;
	font-size: medium;
    font-family: Zurch-font, Arial, Helvetica, sans-serif;
}
.z-window-embedded-header a, .z-window-embedded-header a:visited, .z-window-embedded-header a:hover {
    color: #222;
}
.z-window-modal-header-move, .z-window-highlighted-header-move, .z-window-overlapped-header-move, .z-window-popup-header-move {
    cursor: default;
}
.z-window-modal-header a, .z-window-modal-header a:visited, .z-window-modal-header a:hover, .z-window-modal-header .z-caption a, .z-window-modal-header .z-caption a:visited, .z-window-modal-header .z-caption a:hover, .z-window-popup-header a, .z-window-popup-header a:visited, .z-window-popup-header a:hover, .z-window-popup-header .z-caption a, .z-window-popup-header .z-caption a:visited, .z-window-popup-header .z-caption a:hover, .z-window-highlighted-header a, .z-window-highlighted-header a:visited, .z-window-highlighted-header a:hover, .z-window-highlighted-header .z-caption a, .z-window-highlighted-header .z-caption a:visited, .z-window-highlighted-header .z-caption a:hover, .z-window-overlapped-header a, .z-window-overlapped-header a:visited, .z-window-overlapped-header a:hover, .z-window-overlapped-header .z-caption a, .z-window-overlapped-header .z-caption a:visited, .z-window-overlapped-header .z-caption a:hover {
    color: #FFFFFF;
}
.z-window-embedded-cnt {
    border: 0px;
    margin: 0;
    padding: 6px;
}
.z-window-embedded-cnt, .z-window-embedded-body, .z-window-overlapped-body, .z-window-popup-body, .z-window-highlighted-body, .z-window-modal-body {
    padding: 2px;
}
.z-window-overlapped-cnt, .z-window-popup-cnt {
    background: white none repeat scroll 0 0;
    margin: 0;
    overflow: hidden;
    padding: 4px;
}
.z-window-popup-cnt {
    border: 1px solid #2c70a9;
    margin: 0;
    padding: 2px;
}
.z-window-modal-cnt, .z-window-highlighted-cnt, .z-window-modal-cnt-noborder, .z-window-highlighted-cnt-noborder, .z-window-overlapped-cnt-noborder {
    background: white none repeat scroll 0 0;
    margin: 0;
    overflow: hidden;
    padding: 2px;
}
.z-window-modal-cnt-noborder, .z-window-highlighted-cnt-noborder, .z-window-embedded-cnt-noborder, .z-window-overlapped-cnt-noborder, .z-window-popup-cnt-noborder {
    border: 0 none;
    overflow: hidden;
}
.z-window-popup-cnt-noborder {
    background: white none repeat scroll 0 0;
    margin: 0;
    padding: 1px;
}
.z-window-modal-cl, .z-window-highlighted-cl, .z-window-overlapped-cl {
    background:#f7f1eb;
    padding-left: 6px;
    border-top: none;
    border-collapse: collapse;
}
.z-window-modal-cr, .z-window-highlighted-cr, .z-window-overlapped-cr {
    background: #f7f1eb;
    padding-right: 6px;
}
.z-window-modal-cm, .z-window-highlighted-cm, .z-window-overlapped-cm {
    background: #f7f1eb;
    border: 0px solid #5f5f5f;
    margin: 0;
    padding: 0;
}
.z-window-modal-bl, .z-window-highlighted-bl, .z-window-overlapped-bl {
    background: #f7f1eb;
    height: 5px;
    margin-right: 5px;
}
.z-window-modal-br, .z-window-highlighted-br, .z-window-overlapped-br {
    background: #f7f1eb;
    font-size: 0;
    height: 5px;
    line-height: 0;
    margin-right: -5px;
    position: relative;
}
.z-window-embedded-icon, .z-window-popup-icon, .z-window-modal-icon, .z-window-overlapped-icon, .z-window-highlighted-icon {
    background: transparent none no-repeat scroll 0 0;
    cursor: pointer;
    float: right;
    height: 24px;
    margin-left: 2px;
    overflow: hidden;
    width: 24px;
}
.z-window-embedded-icon {
	background-image: url(/zkau/web/2eae2d22/responsive/img/zul/img/wnd/ebd-btn.png);
}
.z-window-modal-icon, .z-window-highlighted-icon, .z-window-overlapped-icon {
    background-image: url(/zkau/web/2eae2d22/responsive/img/zul/img/wnd/ebd-btn.png);
}
.z-window-popup-icon {
    background-image: url(/zkau/web/2eae2d22/responsive/img/zul/img/wnd/pop-btn.gif);
}
.z-window-embedded-min, .z-window-modal-min, .z-window-overlapped-min, .z-window-popup-min, .z-window-highlighted-min {
    background-position: 0 0;
}
.z-window-embedded-min-over, .z-window-modal-min-over, .z-window-overlapped-min-over, .z-window-popup-min-over, .z-window-highlighted-min-over {
    background-position: -24px 0;
}
.z-window-embedded-max, .z-window-modal-max, .z-window-overlapped-max, .z-window-popup-max, .z-window-highlighted-max {
    background-position: 0 -24px;
}
.z-window-embedded-max-over, .z-window-modal-max-over, .z-window-overlapped-max-over, .z-window-popup-max-over, .z-window-highlighted-max-over {
    background-position: -24px -24px;
}
.z-window-embedded-maxd, .z-window-modal-maxd, .z-window-overlapped-maxd, .z-window-popup-maxd, .z-window-highlighted-maxd {
    background-position: 0 -48px;
}
.z-window-embedded-maxd-over, .z-window-modal-maxd-over, .z-window-overlapped-maxd-over, .z-window-popup-maxd-over, .z-window-highlighted-maxd-over {
    background-position: -24px -48px;
}
.z-window-embedded-close, .z-window-modal-close, .z-window-overlapped-close, .z-window-popup-close, .z-window-highlighted-close {
    background-position: 0 -72px;
}
.z-window-embedded-close-over, .z-window-modal-close-over, .z-window-overlapped-close-over, .z-window-popup-close-over, .z-window-highlighted-close-over {
    background-position: -24px -72px;
}

.z-window-modal-icon, .z-window-highlighted-icon, .z-window-overlapped-icon {
    background-image: url(/zkau/web/2eae2d22/responsive/img/zul/img/wnd/ebd-btn.png);
}

.z-window-modal-cl, .z-window-highlighted-cl, .z-window-overlapped-cl,
.z-window-modal-cr, .z-window-highlighted-cr, .z-window-overlapped-cr,
.z-window-modal-br, .z-window-highlighted-br, .z-window-overlapped-br{
    background: #FFFFFF;
}

/** Window **/

.z-window-modal{
    box-shadow: 1px 1px 5px 1px #d1cfbb;
}

.z-window-embedded-hl, .z-window-modal-hl, .z-window-highlighted-hl, .z-window-overlapped-hl, .z-window-popup-hl{
	border-bottom: 1px solid #97291e;
	background: #fff;
}
.z-window-embedded-tl, .z-window-modal-tl, .z-window-highlighted-tl, .z-window-overlapped-tl, .z-window-popup-tl,
.z-window-embedded-tr, .z-window-modal-tr, .z-window-highlighted-tr, .z-window-overlapped-tr, .z-window-popup-tr,
.z-window-embedded-hl, .z-window-modal-hl, .z-window-highlighted-hl, .z-window-overlapped-hl, .z-window-popup-hl,
.z-window-embedded-hr, .z-window-modal-hr, .z-window-highlighted-hr, .z-window-overlapped-hr, .z-window-popup-hr,
.z-window-embedded-hm, .z-window-modal-hm, .z-window-highlighted-hm, .z-window-overlapped-hm, .z-window-popup-hm{
    background: #fff;
}
.z-window-modal-header, .z-window-popup-header, .z-window-highlighted-header, .z-window-overlapped-header, .z-window-embedded-header{
	font-family: Zurch-font, Arial, Helvetica, sans-serif;
}
.z-window-embedded-icon, .z-window-popup-icon, .z-window-modal-icon, .z-window-overlapped-icon, .z-window-highlighted-icon{
	margin-top: 5px;
}
.z-window-modal-header, .z-window-popup-header, .z-window-highlighted-header, .z-window-overlapped-header, .z-window-embedded-header{
	font-weight: bold;
}

.z-window-embedded-cnt::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
}
.z-window-embedded-cnt::-webkit-scrollbar
{
	width: 10px;
	height:10px;
	background-color: #F5F5F5;
}
.z-window-embedded-cnt::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #888;
}
.z-window-modal-cnt::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
}
.z-window-modal-cnt::-webkit-scrollbar
{
	width: 10px;
	height:10px;
	background-color: #F5F5F5;
}
.z-window-modal-cnt::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #888;
}
fieldset::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
}
fieldset::-webkit-scrollbar
{
	width: 10px;
	height:10px;
	background-color: #F5F5F5;
}
fieldset::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #888;
}







.dg-reports .report-result-footer{
	font-weight: 600;
	color: red;
}
.dg-reports .mandatory{
	font-weight:bold;
	color:red;
}
.dg-reports .mandatory-prepend, mandatory-append{
	font-weight:600;
}
.dg-reports .add-remove-fav{
	font-weight: 600;
}
.dg-reports .direct-export{
	font-weight: 600;
}
.dg-reports .add-to-report-pool{
	font-weight: 600;
}
.dg-reports .send-to-email{
	font-weight: 600;
}
.dg-reports .column-select{
	font-weight: 600;
}
.dg-reports .select-deselect{
	font-weight: 600;
}
.dg-reports .report-title{
	font-weight:600;
	font-size:14pt
}
.dg-reports .parameter-name{
	font-weight:600;
	color:#2C559C;
}
.dg-reports .column-select-row{
	text-align: center;
}
.dg-reports .column-select-row input{
	display: block;
	margin: auto;
}
.dg-reports .export-formats > *{
	vertical-align: middle;
}
.dg-reports .export-format{
	vertical-align: middle;
	cursor: pointer;
	text-decoration: underline;
}
.dg-reports-parameter{
	word-wrap: break-word;
	white-space: normal;
}
.dg-reports-cell pre{
	vertical-align: top;
	padding: 0;
	margin: 0;
	word-wrap: break-word;
	white-space: normal;
}
.dg-reports-link{
	cursor: pointer;
	text-decoration: underline;
}
div.z-grid-header .dg-reports-header .z-column-cnt{
	font-weight: 500 !important;
}
.dg-reports .report-title{
	font-family: Zurch-font, Arial, Helvetica, sans-serif;
}
.dg-reports-empty-chart{
	background: #f7f1eb;
    border: 1px solid #ccc;
    padding: 10px;
    text-align: center;
    margin-top: 50px;
}

 




 




body{
	padding: 0;
}
/********************************* Header Toolbar Responsive********************************/
.mainLayout .z-north:first-child{
	overflow: visible;
}

.responsiveHeader .headernav{
	background-color: #97291e;
	color: #FFFFFF;
	text-transform: uppercase;
}

.responsiveHeader .nav-buttons > div{
	display: inline-block;
}
.responsiveHeader .headernav .responsiveNav{
	padding: 5px;
	background-color: #97291e;
}
.glyphicon
.responsiveHeader .headernav .responsiveNav:hover {
    background-color: #FFFFFF;
}

.responsiveHeader .headernav ul li.navItem:hover{
	background: #454545;
}

.responsiveHeader .navList{
	opacity: 0;
	visibility: hidden;
	transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
}
.responsiveHeader .navList.show-nav{
	opacity: 1;
	visibility: visible;
}
.responsiveHeader .navList .navItem a{
	background: #053c6d;
	border: none;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	padding: 13px 10px;
}
.responsiveHeader .navList .navItem i{
	padding-right: 5px;
}
.responsiveHeader .navList .navItem span + i {
    padding-left: 5px;
}
.responsiveHeader .headernav > div{
	text-align: right;
}
.responsiveHeader .headernav ul{
	margin: 0;
	padding: 0;
}

.responsiveHeader .headernav ul li{
    display: block;
    vertical-align: top;
	background-color: #222D31;
    border-top: 1px solid #FFFFFF;
}
.responsiveHeader .headernav .sub-menu{
    display: none;
}
.responsiveHeader .headernav .sub-menu li{
    border: none;
    border-top: 1px solid rgba(255,255,255,0.5);
    border-bottom: none;
}
.responsiveHeader .headernav .sub-menu li a{
	display: block;
	padding: 5px 25px;
}
.responsiveHeader .headernav .sub-menu li a:hover{
	background-color: #454545;
}
.responsiveHeader .navList{
	position: absolute;
	right: 0;
	z-index: 2;
	text-align: left !important;
}

.responsiveHeader .banner {
	padding: 5px;
    background-color: #f7f1eb;
    border-bottom: 2px solid #97291e;
}


.responsiveHeader .banner .user > div{
	text-align: right;
}

.responsiveHeader .banner .client-wrapper {
  display: inline-block;
}

.responsiveHeader .banner .client-wrapper > img,
.responsiveHeader .banner .client-wrapper > span,
.responsiveHeader .banner .client-wrapper > .client-name {
  vertical-align: middle;
  display: inline-block;
}
.responsiveHeader .banner .client-wrapper .client-name .z-label{
	padding-left: 20px;
	font-size: 18px;
}
.responsiveHeader .drop-down{
	display: block;
}

.responsiveHeader .black-line{
	background-color: #808080;
    height: 2px;
    margin-top: 0.1em;
}
.banner > div, .toolbar_box > div{
	display: inline-block ;
} 
.toolbar_box{
	float: right;
}
.toolbar_box > div{
 	vertical-align: middle;
 	padding: 0 5px;
 }

/******************CSS FOR TOOLBAR HEADER**********START****/
.user-details-box {
	z-index: 9;
	padding: 10px;
	position: relative;
	background: #053c6d;
	color: #FFFFFF;
	border: 2px solid #FFFFFF;
    text-align: left;
}

.user-details-box > div {
	padding: 5px;
	
}
.user-name {
	   	display: block;
	    text-align: center;
	    /* padding: 5px; */
	    font: 15px Tahoma;
	    list-style: none;
	    margin: 0px 0px 0px 0px;
}
.user-name:hover{
	cursor: pointer;
	
}
.banner .user-details{
	position: absolute;
}
.banner .hide-details{
	display: none;
}
.toolbar_adjustments{
	margin-right: 20px;
	margin-top: 10px;
}
.mouse_point{
	cursor: pointer;
}
.bg_clean{
	background:none !important;
}
.positioning_details{
	right: 0;
	position: absolute;
}
.user-name > div{
	display: inline-block;
	vertical-align: middle;
}
.username_adjust{
	display: inline-block;
	vertical-align: middle;
	border-left: 1px solid gray;
	border-right: 1px solid gray;
	padding: 0 10px;
}
.detail_alignment{
	vertical-align: middle;
	display: inline-block;
}

.z-toolbar {
    background: #f7f1eb repeat-x 0 center;
    background-image:none;
}


/******************CSS FOR TOOLBAR HEADER***********END****/
 

/********************************* Media-queries ********************************/
@media handheld, only screen and (max-width: 767px) {
	.responsiveHeader .navList{
		float: none;
	}
	.responsiveHeader .headernav .nav-buttons{
		display: block;
	}
	.responsiveHeader .navList .navItem{
		align-content: center;
	}
	.responsiveHeader .headernav .sub-menu{
	    position: relative;
	}
	.responsiveHeader .headernav ul li{
		display: block;
	}
	.responsiveHeader .headernav ul li .header-menuitem{
		display: block;
	}
	.responsiveHeader .banner .user > div{
		text-align: left;
	}	
}

/*************************ToolBar Header responsive CSS****************/
@media only screen and (min-width: 992px){
	.homePageContent .icon-wrapper{
		width: 220px;
		margin: 15px;
	}
	.banner > div, .toolbar_box > div{
		display: flex;
	}
	.client-wrapper{
		flex-basis: 500px;
	}
	.client-image{
	  max-height: 95px;
	}
	.image-client{
		max-height:50px;
	}
	.client-title{
		font-weight: 700; 
		font-size: 20px;
	}
	.banner_title{
		display: flex;
	}
	.login_details{
		display: flex; 
		margin: 5px; 
		padding-left: 8px;
	}
	.banner_logo{
		flex: 2;
	}
	.banner_logo_1{
		display: flex;
	}
	.banner_img{
		flex: 1;
	}
	.banner_title_div{
		flex: 1; 
		margin: auto; 
		padding-left: 45px;
	}
	.toolbar_box{
		margin: auto;
		display: flex; 
		flex-direction: column;
	}
	.username_adjust{
		border: none;
	}
	.z-window-embedded-cnt > span > .grid1{
		display: block;
    	justify-content: space-between;
    	margin: auto;
	}
	.last_login{
		margin-left: 20px;
	}
	.mouse_point{
		margin-left: 1px;
	}
	.responsiveNav{
		margin-top: -5px;
	}
}
@media only screen and (max-width: 1280px) and (min-width: 992px){
	.client-wrapper{
		flex-basis: 250px;
	}
}
@media only screen and (max-width: 991px) and (min-width: 768px){
	.client-wrapper{
		flex-basis: 150px;
	}
	.responsiveHeader .banner .client-wrapper > img{
		display: none;
	}
	.banner_img_emb{
		display: none;
	}
	.banner_title{
		display: block;
	}
	.toolbar_box{
		display: block;
    	float: none;
	}
	.login_details{
		margin-left: 5%;
	}
	.z-window-embedded-cnt > span > .grid1{
		display: block;
    	text-align: -webkit-center;
    }
    .username_adjust{
    	border: none;
		padding: 0px;
	}
	.client-title{
		font-size: 20px;
    	font-weight: bold;
	}
	.responsiveHeader .banner{
		text-align: center;
	}
	.last_login{
		margin-left: 0px;
	}
	.mouse_point{
		margin-left: 1px;
	}
	.responsiveNav{
		margin-top: -5px;
	}
}
@media only screen and (max-width: 767px) and (min-width: 576px){
	.client-wrapper{
		flex-basis: 150px;
	}
	.responsiveHeader .banner .client-wrapper > img{
		display: none;
	}
	.banner_img_emb{
		display: none;
	}
	.banner_title{
		display: block;
	}
	.toolbar_box{
		display: block;
    	float: none;
	}
	.login_details{
		margin-left: 5%;
	}
	.z-window-embedded-cnt > span > .grid1{
		display: -webkit-box;
    	text-align: -webkit-center;
    }
    .username_adjust{
    	border: none;
		padding: 0px;
	}
	.client-title{
		font-size: 20px;
    	font-weight: bold;
	}
	.responsiveHeader .banner{
		text-align: center;
	}
	.last_login{
		margin-left: 0px;
	}
	.mouse_point{
		margin-left: 1px;
	}
	.responsiveNav{
		margin-top: -5px;
	}
}
@media only screen and (max-width: 575px) and (min-width: 0px){
	.responsiveHeader .banner .client-wrapper{
		display: none;
	}
	.client-title{
		font-size: 20px;
    	font-weight: bold;
	}
	.banner_img_emb{
		display: none;
	}
	.banner_title{
		display: block;
		text-align: center;
	}
	.login_details{
		display: block;
		margin: 5px;
	}
	.grid1{
		display: block !important;
		text-align: center;
	}
	.z-window-embedded-cnt > span > .grid1{
		display: -webkit-box;
    	text-align: -webkit-center;
    }
    .username_adjust{
    	border: none;
    	display: table-footer-group;
    }
    .responsiveNav{
		margin-top: -5px;
	}
	.banner{
		text-align: center;
	}
}
 







body{
	padding: 0;
	margin: 0;
}
.homePageContent{
	margin-bottom: 50px;
	font-family: Zurch-font, Arial, Helvetica, sans-serif;
}

.homePageContent .main-menu-icon{
	display: inline;
	cursor: pointer;
}

.homePageContent .icon-wrapper {
	padding: 0;
	display: inline-block;
	width: 138px;
	vertical-align: top;
	text-overflow: ellipsis;
    	overflow: hidden;
}

.homePageContent .icon-wrapper a{
	height: 100px;
	display: block;
	padding: 10px;
    border: 1px solid #97291e;
    display: block;
    margin: 5px;
    cursor: pointer;
}
.homePageContent .icon-wrapper a:hover{
	box-shadow: inset 0px 13px 24px -10px rgba(0,0,0,0.16);
}
.homePageContent .homeIcon {
	display: block;
	margin: 10px auto;
    height: 45px;
}
.homePageContent .homeIconLabel {
	margin-top: 10px;
	text-align:center;
}
.homePageContent .icon-wrapper .homeIconLabel.showEffect{
	opacity: 1;
	background-color: #454545;
}

.homePageContent .dashboard .view-wrapper,
.homePageContent .dashboard .view-wrapper .z-window-modal-cnt-noborder,
.homePageContent .dashboard .view-wrapper .z-window-highlighted-cnt-noborder,
.homePageContent .dashboard .view-wrapper .z-window-embedded-cnt-noborder,
.homePageContent .dashboard .view-wrapper .z-window-overlapped-cnt-noborder,
.homePageContent .dashboard .view-wrapper .z-window-popup-cnt-noborder{
	overflow: auto;
}
.homePageContent .homepage-calendar{
	width: auto;
}
.homePageContent .rightPanel, .homePageContent .dashboard, .homePageContent .homePageIcons{
	padding: 5px;
}
.homePageContent .homePageIcons{
	padding: 5px;
	border: 1px solid #97291e;
	box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.19);
	margin-top:5px;
	z-index: -1;
	position: absolute;
	background: #FFFFFF;
	opacity: 0;
	transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
}
.homePageContent .homePageIcons.show-menu{
	opacity: 1;
	z-index : 2;
}

.homePageContent .rightPanel .AppFirst {
	text-align: right;
}
.homePageContent .rightPanel .AppFirst .panel{
	background-color: rgba(33,194,235,0.2);
	margin-bottom: 10px;
	border:1px solid #97291e;
	box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.19);
	text-align: left;
}
.homePageContent .rightPanel .panel-head{
	text-align: center;
	color: #97291e;
}

.homePageContent .panel-head {
	color: #97291e;
}

.homePageContent .rightPanel .AppFirst i{
    font-size: 40px;
    color: #fff;
    padding: 10px 5px;
	background-color: #97291e;
    margin-bottom: 10px;
}
.homePageContent .rightPanel .AppFirst i:hover{
	background-color: #454545;
	cursor: pointer;
}

.homePageContent .rightPanel .panel{
	display: none;
}
.homePageContent .rightPanel .panel.showPanel{
	display: block;
}
/* .homePageContent .dashboard .view-wrapper{
	box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.19);
} */
.homePageContent .AppFirst .panel .panel-head{
	background-color:#454545;
	color:white;
	padding:5px;
}
.dymanicCard-wrapper{
	margin-bottom: 30px;
}
/********************************* Footer ********************************/
.homePageContent .footer-wrapper{
	position: fixed;
	bottom:0;
	width:100%;
	z-index: 2;
}
/* .homePageContent .footer-wrapper > *{
	display: inline-block;
} */
.homePageContent .footer-wrapper .footer > .grid{
	/*background-color: #f1f5fb;
	padding: 5px;
	box-shadow: inset -1px 1px 5px 0px rgba(0,0,0,0.19);*/
}
.homePageContent .footer .right{
	text-align: right;
}
.homePageContent .footer .bestView{
	display: block;
}

.quickLinkLabel {
	display:block;
}
.quickLink {
	padding:10px;
	text-align:center;
	min-height: 80px;
	cursor: pointer;
}
.quickLink img {
    max-width: 100%;
    width: 87px;
}
.quickLink .imgTxt-txt{
	text-overflow: ellipsis;
    overflow: hidden;
}
/********************************* Media-queries ********************************/
@media handheld, only screen and (max-width: 767px) {
	.homePageContent{
		margin:0;
	}
	.homePageContent .homePageIcons.show-menu{
		width: 180px;
		margin-bottom: 180px;
	}
	.dymanicCard-wrapper{
		margin-bottom: 50px;
	}
	
}
/********************************* Dashboard ********************************/
.dashboard .z-window-embedded,.windowWrapper .z-window-embedded-cnt-noborder{
	overflow: auto;
}
.dashboard table{
	table-layout: initial !important;
}
./********************************* Dashboard ********************************/
.dashboard .z-window-embedded,.windowWrapper .z-window-embedded-cnt-noborder{
	overflow: auto;
}

.homePageContent .quickLink{
	padding:0px;
	display: block;
	margin: 10px auto;
    height: 120px;
    cursor:pointer
}

.IconArea
{
	color: black;
	font-family: Zurch-font, Arial, Helvetica, sans-serif;
	background: transparent;
	text-align: center;
	cursor: pointer;
	margin-left:3px;
}


.IconArea:hover
{
	color: black;
	font-family: Zurch-font, Arial, Helvetica, sans-serif;
	text-align: center;
	cursor: pointer;
	margin-left:3px;
}
.separator{
	display: block !important;
}

.homePageContent .homePageIcons.show-menu.grid{
	width: 426px;
}


.d1{
	background: #fff;
}

.d2{
	background: #fff;
}

.d3{
	background: #fff;
	//margin-top: -46px;
}
.d4{
	background: #fff;
	//margin-top: -46px;
}
.d5{
	background: #fff;
}

.deck-header{
	box-shadow: 0 -1px 10px 0px #888;
	width: 100%;
}
.deck-header.deck-header-sticky{
	height: 59px;
	transition: height 0.2s ease-out;
	position: fixed;
	bottom: 0;
	top: auto;
}

.deck-con{
	//height: 500px;
}

.z-window-embedded-cnt > span > .grid{
	text-align: center;
}

.homePageContent .icon-wrapper:nth-child(n) a{
	background: #D85769;
	border: 1px solid #D85769;
	color: white;
	border-radius: 10px;
}
.homePageContent .icon-wrapper:nth-child(2n+1) a{
	background: #2196F3;
	border: 1px solid #2196F3;
	color: white;
	border-radius: 10px;
}
.homePageContent .icon-wrapper:nth-child(3n+1) a{
	background: #9FD265;
	border: 1px solid #9FD265;
	color: white;
	border-radius: 10px;
}
.homePageContent .icon-wrapper:nth-child(4n+1) a{
	background: #673AB7;
	border: 1px solid #673AB7;
	color: white;
	border-radius: 10px;
}
.homePageContent .icon-wrapper:nth-child(5n+1) a{
	background: #F44336;
	border: 1px solid #F44336;
	color: white;
	border-radius: 10px;
}


.homePageContent .homeIcon{
	margin-top: 10px;
    text-align: center;
    height: 25px;
	transition: font-size 0.3s;
}

.homePageContent .icon-wrapper:hover a .homeIcon{
	font-size: 3.8em;
}

.homePageContent .homeIconLabel {
	margin-top: 30px;
}
.headerdeck{
	padding: 16px 48px;
    padding-left: 40px;
    font-size: 23px !important;
    width: 100%;
    margin: 0;
	background-color: #eee;
	color: #000;
	height: 27px;
	font-weight: 600 !important;
	cursor: pointer;
}
.headerdeck>.z-label{
	font-size: 20px;
	font-weight: 600 !important;
}
.grid1{
	display: flex;
    justify-content: space-around;
}
.d2 > .deck-container{
	background: #eee;
}
.d3 > .deck-header > .headerdeck{
	background: #fff;
}
.homeIconLabel > .z-label{
	font-size: 17px;
	line-height: 1em;
}
.grid > .quickLink > .homeIcon{
	height: 50px;
}
.z-datebox .z-datebox-btn{
	background-position: 3px 4px;
}

.grid > .quickLink:nth-child(n) > .homeIcon{
	color: #d85769;
}

.grid > .quickLink:nth-child(2n+1) > .homeIcon{
	color: #2196F3;
}

.grid > .quickLink:nth-child(3n+1) > .homeIcon{
	color: #9FD265;
}

.grid > .quickLink:nth-child(4n+1) > .homeIcon{
	color: #673AB7;
}

.grid > .quickLink:nth-child(5n+1) > .homeIcon{
	color: #F44336;
}
 






.footer-wrapper {
    background-color: #f7f1eb;
    border-top: 2px solid #97291e;
}
.footer-image{
	display:block;
}
.footer-main {
	display: flex;
}
.footer-main > div:last-child{
	flex:1;
}
.footer-main > div{
	height:100%;
	padding: 5px;
	justify-content: right;
	margin:auto;
}
.footer-right{
	text-align:right;
}
.footer-wrapper{
	background-color: #053C6D;
    color: white;
}
 







.z-north, .z-south, .z-west, .z-center, .z-east {
	border: 1px solid #DDDDDD;
    position: absolute;
    overflow: hidden;
    background-color: white;
}
.z-north{
	border : none;
}
.z-center{
	border:none;
}

.vertical-title{
	position: relative;
    padding: 3px 0 3px 0;
    margin: 0 0 0 -3px;
    list-style-type: none;
    font-size: 12px;
    font-weight: bold;
    font-family: Zurch-font, Arial, Helvetica, sans-serif;
    text-decoration: none;
    height: auto;
    cursor: pointer;
    -ms-transform: rotate(-90deg)translateX(-1800%);
    -webkit-transform: rotate(-90deg)translateX(-1800%);
    transform: rotate(-90deg)translateX(-1800%);
    white-space: nowrap;
    transform-origin: 10% 0%;
    text-align: center;
    color: #454545;
    word-spacing: 5px;
    word-wrap: break-word;
    width: 6px;
    display: block;
    padding-right: 8px;
    padding-top: 6px;
}
.verticaleast-title {
	position:relative;
	width: 16px;
	padding: 3px 0 3px 0;
	margin: 0 0 0 0px;
	list-style-type: none;
	font-size: 11px;
	font-weight: bold;
	font-family: Zurch-font, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #454545;
	display: block;
	height: auto;
	cursor: pointer;
	-ms-transform: rotate(-90deg)translateX(1800%);
    -webkit-transform: rotate(-90deg)translateX(1800%);
	transform: rotate(90deg)translateX(1800%);
	white-space: nowrap;
	text-align: center;
}
.column {
    vertical-align: top;
    display: inline-block;
    margin: 0 5px 5px;
}
 





.staticCard-wrapper .card{
	margin-bottom: 20px;
}

.dynamicCard{
	display: block;
	padding: 10px;
}

.cardDashboard [class*='col-']{
	margin-bottom: 20px;
}

.card{
	box-shadow: 0 1px 2px 1px rgba(0,0,0,0.2);
	background-color: #fff;
}
.card-wrapper{
	display: flex;
    height: 100%;
    flex-direction: column;
}
.card-content {
	padding: 10px;
    position: relative;
    min-height: 1px;
    overflow-y: auto;
}

.card-header{
	text-transform: uppercase;
	color : white;
	font-weight: bold;
	background-color: #97291e;
}

.card-header .z-label{
	cursor: pointer;
	display: inline-block;
	padding: 5px;
}

.card-header .close-card{
	float: right;
}

.card-header .close-card .z-button-os:hover{
	padding: 5px 10px;
}

/**************** CSS FOR BADGES *****************/
.small-box {
    border-radius: 2px;
    position: relative;
    display: block;
    color:white;
    margin-bottom: 20px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
}
.small-box>.inner {
    padding: 10px;
}
.small-box>.small-box-footer {
    position: relative;
    text-align: center;
    padding: 3px 0;
    color: #fff;
    color: hsla(0, 0%, 100%, .8);
    display: block;
    z-index: 3;
    background: rgba(0, 0, 0, .1);
    text-decoration: none;
}
.small-box>.small-box-footer:hover {
    color: #fff;
    background: rgba(0, 0, 0, .15);
    cursor: pointer;
}
.small-box h3 {
    font-size: 38px;
    font-weight: 700;
    margin: 0 0 10px;
    white-space: nowrap;
    padding: 0;
}
.small-box p {
    font-size: 15px;
}
.small-box p>small {
    display: block;
    color: #f9f9f9;
    font-size: 13px;
    margin-top: 5px;
}
.small-box h3, .small-box p {
    z-index: 2;
}
.small-box .icon {
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    position: absolute;
    top: 2px;
    right: 10px;
    z-index: 0;
    font-size: 85px;
    color: rgba(0, 0, 0, .15);
}
.small-box:hover {
    text-decoration: none;
    color: #f9f9f9;
}
.small-box:hover .icon {
    font-size: 95px;
}
@media (max-width:767px) {
    .small-box {
    	text-align: center;
	}
	.small-box .icon {
    	display: none;
	}
	.small-box p {
    	font-size: 12px;
	}
}
.counter{
	font-size: 30px;
	font-weight: bold;
}
 






.grid-view-header{
	white-space: normal; 
	word-wrap: break-word; 
	font-weight: bold; 
	text-align:left;
}

.gridrow td{
	background-color: #FFFFFF;
	vertical-align: middle;
    padding-left: 10px;
}

.gridcell{
	border: 1px solid #97291e;
}

.gridMain{
	overflow: auto;
}








.treeview{
    padding: 2px;
    margin: 0px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #7BA6B6;
    width: 196px;
    background-color: #D1F0FF;
}
div.z-dottree-body td.z-treecell, div.z-dottree-footer td.z-treefooter{
    padding: 8px 2px;
    border-bottom: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD; 
    border-top: 1px solid #DDDDDD;   
}
div.z-dottree-body{
	overflow-x:hidden;
}
div.z-treefooter-cnt, div.z-treecell-cnt, div.z-treecol-cnt{
	font-family: Zurch-font, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}
.filter{
	padding: 2px 2px 1px; 
	margin: 0px; 
	background-color:#97291e;
	border-bottom: solid 1px #97291e;
	border-collapse: inherit;
}
.filter-text{
	white-space: nowrap;
	color: #FFFFFF;
}
 span.z-dottree-root-close {
    background-image:url(/zkau/web/2eae2d22/responsive/img/zul/layout/folder-toggle-1.png);
    background-position: 5px 0px;
    padding-right:5px;
}
span.z-dottree-root-open{
	background-image:url(/zkau/web/2eae2d22/responsive/img/zul/layout/folder-toggle-1.png);
	background-position: 5px -18px;
	padding-right:5px;
}
span.z-dottree-tee-close{
	background-image:url(/zkau/web/2eae2d22/responsive/img/zul/layout/folder-toggle-2.png);
    background-position: 5px 0px;
    padding-right:5px;
}
span.z-dottree-tee-open{
	background-image:url(/zkau/web/2eae2d22/responsive/img/zul/layout/folder-toggle-2.png);
	background-position: 5px -18px;
	padding-right:5px;
}
span.z-dottree-last-open{
	background-image:url(/zkau/web/2eae2d22/responsive/img/zul/layout/folder-toggle-2.png);
	background-position: 5px -18px;
	padding-right:5px;
}
span.z-dottree-last-close{
	background-image:url(/zkau/web/2eae2d22/responsive/img/zul/layout/folder-toggle-2.png);
    background-position: 5px 0px;
    padding-right:5px;
}
.z-west-splt-btn {
    background-image: none;
    cursor:none;
}
.z-east-splt, .z-west-splt, .z-north-splt, .z-south-splt{
	background: #FFFFFF;
}

tr.z-treerow td.z-treerow-focus {
     background-image: none;
}

div.z-dottree{
	background: #FFFFFF;
    border:none;
}

div.z-dottree-header th{
	border-color: #454545;
}

div.z-dottree-header tr.z-treecols, div.z-tree-header tr.z-auxhead{
	background: none;
	background-color: #97291e;
    color: #FFFFFF;
}

/** Filetree **/
div.z-vfiletree{
    border: none !important;
    background: #fff;
}
div.z-vfiletree-header th.z-treecol, div.z-vfiletree-header th.z-auxheader{
    border : none !important;
}
div.z-vfiletree-header tr.z-treecols, div.z-tree-header tr.z-auxhead{
    background: #053c6d;
}
tr.z-treerow-seld{
	border: none;
}
div.z-dottree-body td.z-treecell, div.z-dottree-footer td.z-treefooter{
	border: none !important;
}
 






/*For linear macros*/

.line-macro td{
	vertical-align: middle;
}

 






@font-face {
font-family: "Zurch-font";
src: url('/style/font/digipay_fonts/ZurichBT.TTF') format('truetype');
}

@font-face {
font-family: "Zurich-BBT";
src: url('/style/font/digipay_fonts/ZurichBBT.TTF') format('truetype');
}

@font-face {
font-family: "Zurich-BCnBT";
src: url('/style/font/digipay_fonts/ZurichBCnBT.TTF') format('truetype');
}

@font-face {
font-family: "Zurich-BExBT";
src: url('/style/font/digipay_fonts/ZurichBExBT.TTF') format('truetype');
}

@font-face {
font-family: "Zurich-BlkBT";
src: url('/style/font/digipay_fonts/ZurichBlkBT.TTF') format('truetype');
}

@font-face {
font-family: "Zurich-BT";
src: url('/style/font/digipay_fonts/ZurichBT.TTF') format('truetype');
}

@font-face {
font-family: "Zurich-CnBT";
src: url('/style/font/digipay_fonts/ZurichCnBT.TTF') format('truetype');
}




.slicer-box tr.z-listitem {
	box-sizing: border-box;
    display: inline-block;
    width: 33.33%;
	background : #eaeaea ;
	border: 5px solid #fff;
	border-radius: 10px !important;
}
/*.slicer-box tr.z-listbox, tr.z-listbox-odd{
    background: #eaeaea;
}*/

.slicer-box tr.z-listbox-odd .z-listitem-seld, 
.slicer-box tr.z-listbox .z-listitem-seld, 
.slicer-box tr.z-listitem-seld, 
.slicer-box tr.z-listitem-over-seld, 
.slicer-box z-listitem.z-listitem-over-seld.z-listitem-seld{
	background: #053c6d;
}

.slicer-box .z-listheader-img-checkbox,
.slicer-box .z-listitem-img-checkbox, 
.slicer-box .z-listitem-img-radio, 
.slicer-box .z-listgroup-img-checkbox, 
.slicer-box .z-listgroupfoot-img{
	display: none;
}

.slicer-box tr.z-listbox-odd.z-listitem-over,
.slicer-box tr.z-listitem.z-listitem-over{
	background: #f7f1eb;
}



.slicer-box div.z-listcell-cnt {
        padding: 8px 0px;
}


.z-south-body{
	background: #fff;
}

.c3-axis-y-label{
	font-weight : bold;
}
.c3-axis-x-label{
	font-weight : bold;
}
.c3-title{
	font-weight : bold !important;
}
.c3-legend-item {
    font-weight: bold;
}
.c3 text{
font-weight: bold;
}
.slicer-box-full tr.z-listitem {
	box-sizing: border-box;
	background : #eaeaea ;
	border: 5px solid #fff;
	border-radius: 10px !important;
}
/*.slicer-box-full tr.z-listbox, tr.z-listbox-odd{
    background: #eaeaea;
}*/

.slicer-box-full tr.z-listbox-odd .z-listitem-seld, 
.slicer-box-full tr.z-listbox .z-listitem-seld, 
.slicer-box-full tr.z-listitem-seld, 
.slicer-box-full tr.z-listitem-over-seld, 
.slicer-box-full z-listitem.z-listitem-over-seld.z-listitem-seld{
	background: #053c6d;
}


.slicer-box-full tr.z-listbox-odd.z-listitem-over,
.slicer-box-full tr.z-listitem.z-listitem-over{
	background: #f7f1eb;
}



.slicer-box-full div.z-listcell-cnt {
    padding: 8px 0px;
}

.z-tab .z-tab-hl .z-tab-text{
	font-weight: normal; 
}
.z-tab .z-tab-text{
	text-transform: none;
}
.z-tab .z-tab-hl:hover .z-tab-text{
	font-weight: normal;
}
.z-tab .z-tab-text{
	padding: 4px 8px;
}
.grid [class*='col-'] .z-spinner-inp, 
.grid [class*='col-'] .z-combobox-inp, 
.grid [class*='col-'] .z-bandbox-inp, 
.grid [class*='col-'] .z-doublespinner-inp, 
.grid [class*='col-'] .z-datebox-inp, 
.grid [class*='col-'] .z-bandbox-inp, 
.grid [class*='col-'] .z-textbox-inp, 
.grid [class*='col-'] .z-decimalbox-inp, 
.grid [class*='col-'] .z-intbox-inp, 
.grid [class*='col-'] .z-longbox-inp, 
.grid [class*='col-'] .z-doublebox-inp, 
.grid [class*='col-'] .z-listbox-inp, 
.grid [class*='col-'] .z-timebox-inp {
	width: calc(100% - 49px) !important;
}

.setBorderStyle .footer-main > div > span {
	color: #053c6d;
}

.remainingC{
	color: red;
}
.unreadIntimation{
	margin-top: -8px;
    margin-left: 120px;
    position: absolute;
    background-color: #e23939;
    display: flex;
    align-items: center;
    height: 25px;
    width: 25px;
    justify-content: center;
    border-radius: 50%;
    opacity: .95;
}

.unreadlabel {
	font-weight: 800; 
	font-size: 13px; 
	color: white;
}


.dg-10x-grid table{
	width: 100%;
}  
.dg-10x-grid .z-grid-body{
max-height: 430px;
	overflow: auto;
}

.dg-10x-grid .z-grid-body .z-label{
	font-size: 14px;
	font-weight: 400 !important;
}

.dg-10x-grid .z-grid-header .dg-reports-header .z-column-cnt{
	font-size: 14px;
	font-weight: 600 !important;
}

.dg-15x-grid table{
	width: 150%;
}  
.dg-15x-grid .z-grid-body{
max-height: 430px;
	overflow: auto;
}

.dg-15x-grid .z-grid-body .z-label{
	font-size: 14px;
	font-weight: 400 !important;
}

.dg-15x-grid .z-grid-header .dg-reports-header .z-column-cnt{
	font-size: 14px;
	font-weight: 600 !important;
}


.dg-2x-grid table{
	width: 200%;
}  
.dg-2x-grid .z-grid-body{
max-height: 430px;
	overflow: auto;
}

.dg-2x-grid .z-grid-body .z-label{
	font-size: 14px;
	font-weight: 400 !important;
}

.dg-2x-grid .z-grid-header .dg-reports-header .z-column-cnt{
	font-size: 14px;
	font-weight: 600 !important;
}

.dg-25x-grid table{
	width: 250%;
}  
.dg-25x-grid .z-grid-body{
max-height: 430px;
	overflow: auto;
}

.dg-25x-grid .z-grid-body .z-label{
	font-size: 14px;
	font-weight: 400 !important;
}

.dg-25x-grid .z-grid-header .dg-reports-header .z-column-cnt{
	font-size: 14px;
	font-weight: 600 !important;
}

.dg-3x-grid table{
	width: 300%;
}  
.dg-3x-grid .z-grid-body{
max-height: 430px;
	overflow: auto;
}

.dg-3x-grid .z-grid-body .z-label{
	font-size: 14px;
	font-weight: 400 !important;
}

.dg-3x-grid .z-grid-header .dg-reports-header .z-column-cnt{
	font-size: 14px;
	font-weight: 600 !important;
}

.dg-35x-grid table{
	width: 350%;
}  
.dg-35x-grid .z-grid-body{
max-height: 430px;
	overflow: auto;
}	

.dg-35x-grid .z-grid-body .z-label{
	font-size: 14px;
	font-weight: 400 !important;
}

.dg-35x-grid .z-grid-header .dg-reports-header .z-column-cnt{
	font-size: 14px;
	font-weight: 600 !important;
}

.dg-4x-grid table{
	width: 400%;
}  
.dg-4x-grid .z-grid-body{
max-height: 430px;
	overflow: auto;
}	

.dg-4x-grid .z-grid-body .z-label{
	font-size: 14px;
	font-weight: 400 !important;
}

.dg-4x-grid .z-grid-header .dg-reports-header .z-column-cnt{
	font-size: 14px;
	font-weight: 600 !important;
}


.dg-45x-grid table{
	width: 450%;
}  
.dg-45x-grid .z-grid-body{
max-height: 430px;
	overflow: auto;
}	

.dg-45x-grid .z-grid-body .z-label{
	font-size: 14px;
	font-weight: 400 !important;
}

.dg-45x-grid .z-grid-header .dg-reports-header .z-column-cnt{
	font-size: 14px;
	font-weight: 600 !important;
}
.dg-5x-grid table{
	width: 500%;
}  
.dg-5x-grid .z-grid-body{
max-height: 430px;
	overflow: auto;
}	
.dg-5x-grid .z-grid-body .z-label{
	font-size: 14px;
	font-weight: 400 !important;
}

.dg-5x-grid .z-grid-header .dg-reports-header .z-column-cnt{
	font-size: 14px;
	font-weight: 600 !important;
}

.dg-6x-grid table{
	width: 100%;
}  
.dg-6x-grid .z-grid-body{
max-height: 330px;
	overflow: auto;
}	
.dg-6x-grid .z-grid-body .z-label{
	font-size: 14px;
	font-weight: 400 !important;
}

.dg-6x-grid .z-grid-header .dg-reports-header .z-column-cnt{
	font-size: 14px;
	font-weight: 600 !important;
}
/* ----------------Intro JS STARTS------------------------ */


.introjs-tooltip {
     direction: ltr !important; 
     min-width: 280px;
}

.introjs-tooltiptext hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid #b8b3b3;
}

.introjs-overlay
{

background:-moz-radial-gradient(center,ellipse farthest-corner,rgba(0,0,0,.4) 0,rgba(0,0,0,.9) 100%) !important;
background:-webkit-gradient(radial,center center,0,center center,100%,color-stop(0,rgba(0,0,0,.4)),color-stop(100%,rgba(0,0,0,.9))) !important;
background: -webkit-radial-gradient(center,ellipse farthest-corner,rgba(0, 0, 0, 0.52) 0,rgba(0,0,0,.9) 100%) !important;
background:-o-radial-gradient(center,ellipse farthest-corner,rgba(0,0,0,.4) 0,rgba(0,0,0,.9) 100%) !important;
background:-ms-radial-gradient(center,ellipse farthest-corner,rgba(0,0,0,.4) 0,rgba(0,0,0,.9) 100%) !important;
background:radial-gradient(center,ellipse farthest-corner,rgba(0,0,0,.4) 0,rgba(0,0,0,.9) 100%) !important;
-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out !important;
-o-transition:all .3s ease-out;transition:all .3s ease-out !important;
}


/*
 Buttons
*/
.introjs-button {
  position: relative;
  overflow: visible;
  display: inline-block;
  padding: 0.5em 1.0em;
  border: 1px solid #d4d4d4;
  margin: 0;
  text-decoration: none;
  text-shadow: 1px 1px 0 #fff;
  font: 12px/normal sans-serif;
  text-shadow: none;
  color: #333;
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  background-color: #ececec;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));
  background-image: -moz-linear-gradient(#f4f4f4, #ececec);
  background-image: -o-linear-gradient(#f4f4f4, #ececec);
  background-image: linear-gradient(#f4f4f4, #ececec);
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  -o-background-clip: padding-box;
  /*background-clip: padding-box;*/ /* commented out due to Opera 11.10 bug */
  -webkit-border-radius: 0.2em;
  -moz-border-radius: 0.2em;
  border-radius: 0.2em;
  /* IE hacks */
  zoom: 1;
  *display: inline;
  margin-top: 10px;
}

.introjs-button:hover {
  border-color: #bcbcbc;
  text-decoration: none;
  box-shadow: 0px 1px 1px #e3e3e3;
}

.introjs-button:focus,
.introjs-button:active {
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ececec), to(#f4f4f4));
  background-image: -moz-linear-gradient(#ececec, #f4f4f4);
  background-image: -o-linear-gradient(#ececec, #f4f4f4);
  background-image: linear-gradient(#ececec, #f4f4f4);
}

/* overrides extra padding on button elements in Firefox */
.introjs-button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.introjs-skipbutton {
  margin-right: 5px;
  color: #7a7a7a;
}

.introjs-prevbutton {
  -webkit-border-radius: 0.2em 0 0 0.2em;
  -moz-border-radius: 0.2em 0 0 0.2em;
  border-radius: 0.2em 0 0 0.2em;
  border-right: none;
  float: left;
}

.introjs-nextbutton {
  -webkit-border-radius: 0 0.2em 0.2em 0;
  -moz-border-radius: 0 0.2em 0.2em 0;
  border-radius: 0 0.2em 0.2em 0;
  float: left;
}

.introjs-disabled, .introjs-disabled:hover, .introjs-disabled:focus {
  color: #9a9a9a;
  border-color: #d4d4d4;
  box-shadow: none;
  cursor: default;
  background-color: #f4f4f4;
  background-image: none;
  text-decoration: none;
}


.introjs-tooltiptext {
	 text-align : left;
}

.introjs-tooltipbuttons {
  text-align: right;
  white-space: nowrap;
}

.introjs-button:hover {
  border-color: #bcbcbc;
  text-decoration: none;
  color: black;
  box-shadow: 0px 1px 1px #e3e3e3;
}

.introjs-button:focus,
.introjs-button:active {
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ececec), to(#f4f4f4));
  background-image: -moz-linear-gradient(#ececec, #f4f4f4);
  background-image: -o-linear-gradient(#ececec, #f4f4f4);
  background-image: linear-gradient(#ececec, #f4f4f4);
}


.introjs-disabled, .introjs-disabled:hover, .introjs-disabled:focus {
  color: #9a9a9a;
  border-color: #d4d4d4;
  box-shadow: none;
  cursor: default;
  background-color: #f4f4f4;
  background-image: none;
  text-decoration: none;
}



/* ----------------Intro JS ENDS------------------------ */

@media only screen and (min-width: 992px){
	.z-window-embedded-cnt > span > .grid1{
		text-align: center;
	}
}


.dg-main-node > .z-treecell-cnt {
	font-weight: bold;
}
/*.col-1-4 table{
width: 100%;
} */
/*.grid [class*='col-'] table {
    table-layout: auto; 
    width: 100%;
}*/



.z-combobox-rounded-pp, .z-bandbox-rounded-pp, .z-datebox-rounded-pp, .z-combobox-pp, .z-bandbox-pp, .z-datebox-pp{
	 max-width: calc(25% - 30px);
}




/* This is to fix table-layout: fixed not taking 100% width in IE */
.grid [class*='col-'] > table,
.grid [class*='col-'] > table > tbody > tr > td > table  {
    width: 100%;
}


/* added by Tharun for buttons effect 2 */
  .buttonClass {
    display: inline-block;
  position: relative;
  background: none;
  padding: 10px;
  border: none;
  font-weight: bold;
  /* color: #fff; */
  font-size: 18px;
  cursor: pointer;
  margin: 7px 7px;
  background:#FBF6F4;
}
.buttonClass::before,
.buttonClass::after {
  content: "";
  width: 0;
  height: 2px;
  position: absolute;
  transition: all 0.5s linear;
  background: #97291E;
}
.buttonClass span::before,
.buttonClass span::after {
  content: "";
  width: 2px;
  height: 0;
  position: absolute;
  transition: all 0.5s linear;
  background: #97291E;
}
.buttonClass:hover::before,
.buttonClass:hover::after {
  width: 100%;
   
}
.buttonClass:hover span::before,
.buttonClass:hover span::after {
  height: 100%;
}
/*----- button 1 -----*/
.buttonClass::before,
.buttonClass::after {
  transition-delay: 0.2s;
}
.buttonClass span::before,
.buttonClass span::after {
  transition-delay: 0.1s;
}
.buttonClass::before {
  left: 50%;
  top: 0;
  transition-duration: 0.2s;
}
.buttonClass::after {
  left: 50%;
  bottom: 0;
  transition-duration: 0.1s;
}
.buttonClass span::before {
  left: 0;
  top: 50%;
  transition-duration: 0.2s;
}
.buttonClass span::after {
  right: 0;
  top: 50%;
  transition-duration: 0.1s;
}
.buttonClass:hover
{
 background: #053c6d;
    color: white;
 }
.buttonClass:hover::before,
.buttonClass:hover::after {
  left: 0;
}
.buttonClass:hover span::before,
.buttonClass:hover span::after {
  top: 0;
}


@media only screen and (min-width: 992px){
	.homePageContent .icon-wrapper{
		margin: 5px;
	}
}